75年生人,程序员,在西安。

Div 清除浮动的方法

一个总容器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%;
}

评论

© 世风十三 | Powered by LOFTER