如何使子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

相对定位的父母被指定为绝对定位的孩子的containing block。因此，绝对定位的子项受其父项的overflow属性约束。请参阅overflow control上的规范。

只要具有overflow: auto的元素是绝对定位元素的包含块（即只要所有这些事情同时为真），就不能做任何改变这种行为的事情。您可以使用jQuery将子项与其父项分离并将其放在外面，但是您必须考虑其相对于视口的新位置。