为什么不会包装器DIV扩大,当它具有绝对的孩子DIV(Why won't wrapper d

2019-08-02 10:06发布

我有一个包装的div设置为960像素,并在它里面,我有所谓的“滑盖”另一个DIV。 滑块在使用此代码在屏幕的中间绝对定位:

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

我已经添加边框的包装和滑块的div都让我可以看到他们是如何定位在屏幕上。然而,这也透露,包装不扩展到包含绝对滑块股利。

我该如何解决这个问题,这样包装的高度是正确的?

Answer 1:

当您使用position:absolute; 的元件就可以是位置凭证流的外侧,上的其他内容不会影响。

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



文章来源: Why won't wrapper div expand when it has an absolute child div