如何使子div显示在已定义“溢出”的父div之上？

Question

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

'关闭按钮'div（absolute）出现在其父div（fixed）上方。

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

然而，当在父div中定义overflow时，关闭按钮会被剪裁，并且不会出现在父div上方，无论我对父母和孩子做什么绝对/相对/ z-index修补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;
}