【html/css】清除浮动的几种方式

【html/css】清除浮动的几种方式

1清除谁的浮动，就在谁的里面最下端写一个空的div，然后再对空div设置 clear:both 属性

2给浮动元素的父级添加伪元素 ::after ，再设置 clear:both 属性

3提前定义清除浮动的css样式：

.clearFix ::after {
content=''; 		
display:block; 		
clear:both;  }       

使用实例：class="box1 clearFix" (如需为一个元素规定多个类，用空格分隔类名，一个class建议不超过15个)

* 可以在网上下载大牛们编辑好的清除浮动的通用样式：common.css

4父级设置overflow:hidden(不建议使用)