为什么我把这个div设置绝对定位,他的父容器位置会变化?
如题,我把第9和第12个方块设置为绝对定位,可是为什么父容器container会向下挪?你可以试试,把其他的子div也改一下,父容器为什么会变位置 小练习5 1
2
3
4
5
6
7
8
9
10
11
12
//下面是css*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.container{ width: 200px; height: 400px; border: 1px solid black; display: inline-block; margin: 40px;}.container div{ width: 200px; height: 40px; display: inline-block; border: 1px solid black; background-color: #c55342;} |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
设置绝对定位后的元素,其父容器如果没有清除浮动,那么父容器的高度就会塌陷。你设置了两个子元素绝对定位,而且又为父容设置了器高度,而那两个子元素已经脱离了正常文档流,所以父容器就只有往下移两个子元素的高度了。 |
|
|
|
|