1.给父元素加clearfix。.clearfix:after{content:'';display:block;clear:both;} 兼容ie低版本浏览器.clearfix{_zoom:1;} 2.给父元素加clearfix，但是利用的是overflow:hidden; 所以写法是 .clearfix{overflow:hidden;_zoom:1;} 3.在父元素的子元素底部加空标签然后设置clear:both; 4.直接给父元素设置高度 5.给父元素设置float:left 6.直接给父元素设置display:table; 7. .cf:before,.cf:after { content:""; display:table; } .cf:after { clear:both; } //其实真正起作用的是这个。
