css - 如何使子 div 出现在定义了 'overflow' 的父 div 之上？

Question

我有一个模态样式的 div，右上角有一个“关闭按钮”。

“关闭按钮”div(absolute)显示在其父 div(fixed)之上。

当父 div 没有定义 overflow 属性时，这工作正常。

但是，当在父 div 中定义 overflow 时，无论我对 parent 和 child div。

有没有办法让子 div 出现在定义了 overflow 的父 div 之上？

Answer 1

我最终做了这样的事情并得到了想要的结果:

HTML

<div id="parent">
  <div id="child_close"></div>
  <div id="child_scrollable_content">
    <p>Put in your scrollable content here.</p>
  </div>
</div>

CSS

#parent {
  position:fixed;
}

#child_close {
  position:absolute;
  top:-20px;
  right:-15px;
}

#child_scrollable_content {
  overflow: auto;
}