常用的清除浮动做法
1.给父元素加overflow:hidden
好处: 简单, 缺点:超出的尺寸的会被隐藏, 建议使用2, 3的方式
2.给父元素添加类clearfix, 内容如下:
.clearfix{ *zoom:1; } .clearfix:after{ content: ""; display: block; clear: both; visibility: hidden; }
3.与2相似, 用双伪类
.clearfix:before, .clearfix:after{ content:""; display:table; } .clearfix:after{ clear:both; } .clearfix{ *zoom:1; }