【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(不建议使用)