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

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

时间:2015-08-03 00:55:01      阅读:138      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!