html - 当它有一个绝对子div时，为什么包装器div不会扩展

Question

我有一个设置为 960px 的包装 div，在其中，我有另一个名为“slider”的 div。使用以下代码，滑块绝对位于屏幕中间：

#slider {width:390px; height:100px; position:absolute; 
         margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;}

我已经为包装器和滑块 div 添加了边框，以便我可以看到它们在屏幕上的位置，但是，这表明包装器没有扩展到包含绝对滑块 div。

如何解决此问题以使包装器的高度正确？

Answer 1

当您position:absolute;在一个元素上使用它时，它位于文档流之外并且不会影响其他内容。

如果可以，删除position:absolute;并使用其他方法使滑块 div 居中。如果你需要position:absolute;那么它是不可能的。