clear的用法之一

.clearfix:after{
    content:".";    
    clear:both;
    height: 0;
    display:block;
    visibility:hidden;
}

在BOX DIV中添加上面的class.则会在BOX最后添加一个整行块。

.clearfix:after{
    content:".";    
    clear:both;
    height: 0;
    display:block;
    visibility:hidden;
}

如果不是BLOCK块将不工作。并且其高度由文字部分决定（字体，字体大小，行高）。即只有为BLOCK块时height指定的高度才起作用。

display:none;不能代替visibility:hidden;