子 DIV [绝对] 在 Safari 中不与父 DIV 一起移动

【问题标题】：Child DIV [absolute] not moving with Parent DIV in Safari子 DIV [绝对] 在 Safari 中不与父 DIV 一起移动
【发布时间】：2012-03-06 22:34:31
【问题描述】：

我目前正在测试构建手风琴时间线，但在 Safari 和 Chrome 中遇到问题。我有一系列可以打开和关闭的手风琴。每个 div 都包含一个子 div，在打开/关闭时应该随之移动。这在 Firefox 中可以正常工作，但在 Chrome 或 Safari 中不行。

我确定它与绝对定位有关，但也许我错过了什么？有任何想法吗？非常感谢任何帮助。

【问题讨论】：

【解决方案1】：

确保父 div 具有 position: relative 这将确保任何绝对定位的子元素都将相对于该父元素进行定位。

你的情况

.panel {
    position: relative;
}

【讨论】：

感谢@trapper 的反馈。恐怕我已经尝试过了 - 是的，它确实有效，但我遇到的问题是 z-index 和子 div。它隐藏在面板中：evolvedublin.com/testcentre/2 不确定是否有办法解决这个问题？
隐藏孩子的不是 z-index。这是您父母的overflow: hidden。孩子比父母大，所以孩子会被剪掉。
感谢您的帮助@trapper，成功了。当您打开和关闭面板时，我只是在子 div 中闪烁，不用担心会查看它。谢谢。