云南网站建设创新企业 昆明多彩网络公司

在线qq:540105663

清除浮动的层高度设置了0,为什么还有高度?

来源:昆明网络公司 日期:2010-09-14 阅读: 发表评论

经常使用浮动布局会不可避免的要使用到清除浮动的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都是保守设置,防止意外的属性继承发生。

发表评论评论列表(有 条评论)