一个总容器Div内部的Div如果都float浮动了,就会出现这个总容器收缩起来的问题。
为解决这种问题,一种办法就是在总容器内,最后加一个<div class="divBlank"></div>
.divBlank {
height: 0;
overflow:hidden;
clear: both;
}
这样倒是简便且易于理解,但不好是在代码中加入了似乎无意义的元素,另一种办法就是设定总容器的:after伪类,如下:
#divSomeContainer:after {
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
}
还有更简单的:
#divSomeContainer {
overflow: hidden;
width: 100%;
}