第一种:结尾处加空div标签 clear:both
第二种:父级div定义高度;
第三种:父级div定义 overflow:hidden ;
第四种:父级div定义 overflow:auto ;
清除浮动的方法主要一下几种:(1).clear清除浮动(添加空div法)
在浮动元素下方添加空div,并给该元素写css样式 {clear:bothheight:0overflow:hidden}
(2).方法:给浮动元素父级设置高度
(3).方法:父级设置成inline-block
缺点:父级的margin左右auto失效,无法使用margin: 0 auto居中了
(4).给父级添加overflow:hidden 清浮动方法;
问题:需要配合 宽度 或者 zoom 兼容IE6 IE7;
overflow: hidden
*zoom: 1
(5).万能清除法 after伪类 清浮动(现在主流方法,推荐使用)
.clear:after{content:''display:blockclear:bothheight:0overflow:hiddenvisibility:hidden}
.clear{zoom:1}