首页 > 其他 > 详细

清除浮动

时间:2015-02-11 21:47:18      阅读:330      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!