清除浮动的层高度设置了0,为什么还有高度?
2011-04-22 13:58:41   来源：   评论：0 点击：

经常使用浮动布局会不可避免的要使用到清除浮动的clear：both属性，但是如果想清除浮动的层只具备清除浮动而无其他属性（比如高度为0）的就需要设置一些属性了

使用方法如：<div class="claer"></div>

css中的定义：.clear{ clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden}

注意margin和padding设置成0是为了放置清除层继承了父属性导致大于零的情况出现，而height设置成0也是一个保守设置，font-size:0的设置是为了清除body设置的字体类型和大小，如果不设置的话，就算清除层中没有文字也会将层撑开，后面的line-height:0;overflow: hidden都是保守设置，防止意外的属性继承发生。