如何使子 div(定位绝对)溢出一个父 div，该父 div 相对于具有溢出: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

相对定位的父项被指定为绝对定位子项的包含块。因此，绝对定位的子项受其父级的overflow属性的约束。请参阅有关溢出控制的规范。

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