Html 为什么赢了';t wrapper div在具有绝对子div时展开

Html 为什么赢了';t wrapper div在具有绝对子div时展开,html,parent,wrapper,expand,absolute,Html,Parent,Wrapper,Expand,Absolute,我有一个包装器div设置为960px,在它里面,我有另一个div称为“slider”。 滑块使用屏幕上的代码绝对定位在屏幕中部: #slider {width:390px; height:100px; position:absolute; margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;} 我在包装器和滑块div中都添加了边框,这样我就可以看到它们在屏幕上的位置。然而,这表明包装器没有扩展到包含绝对

我有一个包装器div设置为960px,在它里面,我有另一个div称为“slider”。 滑块使用屏幕上的代码绝对定位在屏幕中部:

#slider {width:390px; height:100px; position:absolute; 
         margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;}
我在包装器和滑块div中都添加了边框,这样我就可以看到它们在屏幕上的位置。然而,这表明包装器没有扩展到包含绝对滑块div


如何修复此问题,以便包装的高度正确?

使用
位置:绝对在元素上,它位于文档流之外,不会影响其他内容


如果可以,删除
位置:绝对
并使用其他方法使滑块div居中。如果需要
位置:绝对那么这是不可能的。

您应该创建一个测试用例,让人们更容易帮助您。在我的脑海中,我会告诉你让包装器的位置:相对,并将子页边距相对于包装器而不是整个页面。也分享包装器div的代码。包装中是否有overflow:auto?我还可以使用哪些方法将DIV定位在中心,而无需绝对定位?您可以使用几种方法,
margin:auto
是一种流行的方法。有关详细信息,请参阅和。