Html 在溢出元素中具有绝对位置的嵌套元素溢出并显示

这有点烦人。不确定这是我的错还是浏览器的错误-FF和Chrome都这么做了

以下是JS小提琴：

前提是：

带溢出的div-y:auto

其中的子div看起来很好

子div（

div.collectibleMiniHead

）的子div（

div.collectibleMiniHead

）具有

位置：绝对

，但没有

左

/

顶

值（如此相对，实际上）不会保持隐藏，而是显示

---

我可以重构以使用

position:relative

，它可以工作，但这不会使bug/行为消失-这是正常的/预期的吗，我是不是要麻烦把它提交给mozilla和webkit错误追踪者，还是我只是做错了什么？

尝试将collectibleMiniHead添加为collectibleMiniBody的子级，并

位置：相对

在collectibleMiniBody上

尝试将collectibleMiniHead添加为collectibleMiniBody的子级，位置：相对在collectibleMiniBody上

我更改了

<div style="background:..height: 94px;" /></div>

到

因为自动关闭，然后有另一个关闭标签似乎没有多大意义

然而，这并没有改变任何事情

你说：

儿童组的子女 （收藏部标题）带有 位置：绝对，但无左/顶 值（非常相对）

及

我可以重构以使用位置： 相对的，它是有效的，但这确实有效 不要让错误/行为消失

只需将

position:relative

添加到

div.collectibleMini

中，它就可以按照我认为的方式工作，并且不需要进行太多重构工作

（也带有自动关闭

divs

fixed）

---

我想我要么优雅地解决了你的问题，要么就完全错了。希望是前者

我更改了

<div style="background:..height: 94px;" /></div>

到

因为自动关闭，然后有另一个关闭标签似乎没有多大意义

然而，这并没有改变任何事情

你说：

儿童组的子女 （收藏部标题）带有 位置：绝对，但无左/顶 值（非常相对）

及

我可以重构以使用位置： 相对的，它是有效的，但这确实有效 不要让错误/行为消失

只需将

position:relative

添加到

div.collectibleMini

中，它就可以按照我认为的方式工作，并且不需要进行太多重构工作

（也带有自动关闭

divs

fixed）

---

我想我要么优雅地解决了你的问题，要么就完全错了。希望是前者

哦，我有自动关闭的div。美好的感谢几天前安装的新IDE Jetbrain webstorm。在我的iPhone ATM上，但稍后将测试修复。hrm，我通过更改

collectibleMiniHead

上的

位置：relative

并避免绝对值来修复它，但您建议将其应用到

collectibleMini

上，效果更好，限制更少，干杯。接受这一点，即使它没有解决可能的浏览器错误问题…我认为浏览器做得很好-这里没有错误。我想你刚刚忘记了你需要对父元素应用

position:relative

（即使将它应用到你最外层的div也会修复它），让孩子的

position:absolute

做你所期望的。哦，我有自关闭div。美好的感谢几天前安装的新IDE Jetbrain webstorm。在我的iPhone ATM上，但稍后将测试修复。hrm，我通过更改

collectibleMiniHead

上的

位置：relative

并避免绝对值来修复它，但您建议将其应用到

collectibleMini

上，效果更好，限制更少，干杯。接受这一点，即使它没有解决可能的浏览器错误问题…我认为浏览器做得很好-这里没有错误。我想您刚刚忘记了需要将

position:relative

应用于父元素（即使将其应用于最外层的div也会修复它），以便让子元素上的

position:absolute

按您的期望执行。