如何使 child div （绝对定位）溢出 parent div 相对定位 overflow:auto？

Question

所以我的代码是这样的：

<div style="position:relative; width:500px; border:4px solid yellow; height:300px; overflow:auto;">
  <div style="position:absolute; width:400px; border:4px solid black;height:500px; z-index:1000;" />
</div>

我不能修改指定的样式，我不能添加额外的 html 元素。我只能使用新的 css 属性或 jquery/javascript.

请帮忙:)

Answer 1

相对定位的父级指定为 containing block of the absolutely-positioned child. As a result, the absolutely-positioned child is subject to the overflow property of its parent. See the spec on overflow control。

只要带有 overflow: auto 的元素是绝对定位元素的包含块（即只要所有这些条件同时为真），您就无法更改此行为。您可以使用 jQuery 将子项与其父项分离并将其放在外面，但您随后必须考虑其相对于视口的新位置。

如何使 child div （绝对定位）溢出 parent div 相对定位 overflow:auto？

How to make child div ( positioned absolute ) overflow a parent div which is positioned relative having overflow:auto?

html

css

jquery

overflow