首页 > 其他 > 详细

子元素float后,防止父元素塌陷的方法

时间:2015-08-03 00:51:59      阅读:134      评论:0      收藏:0      [点我收藏+]


A在浮动元素后加个div设置clear: both; height:0,overflow:hidden

B使用clearfix;用于父元素上

1 .clearfix:after {
2   content: " ";
3   display: block;
4   clear: both;
5   height: 0;
6 }
7 .clearfix {
8   zoom: 1;
9 }

优化后的:

1 .clearfix {
2   zoom: 1;
3   display: table;
4   width: 100%;
5 }

C:设置父元素浮动;

D:设置父元素overflow:hidden;

子元素float后,防止父元素塌陷的方法

原文:http://www.cnblogs.com/chuisandeyun/p/4697020.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!