码迷,mamicode.com
首页 > 其他好文 > 详细

清除浮动

时间:2015-02-11 21:50:11      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

 清除浮动

1、clear:both;

2、widh:100%(或固定高度); overflow:hidden(给父元素设置该属性);

 


分析清除浮动原理:

1、clear:

floats, position absolute, inline-block, table-cell和table-caption都不是块级样式,所以才会用到clear来控制浮动

虽然clear是旧的方式,但还是推荐用clear来做,有些情况会比overflow处理的要好

2、overflow

当在父级元素设置overflow时候,除了overflow的取值为visible,其他时候(auto, hidden或者scroll),都会对他的子元素块级格式化,从而起到清楚浮动效果。

 

 

参考

http://www.w3cfuns.com/article-5595751-1-1.html

清除浮动

标签:

原文地址:http://www.cnblogs.com/hemi/p/4286941.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!