为什么当它有一个绝对子 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;，那么这是不可能的。