Question

我有一个包装器div设置为960px并在其中，我有另一个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;，那么就无法实现。