用空元素如<div class="clear"></div>
在子元素中加上这个空标签
<div class="clear"></div>
使用CSS的overflow属性
在要清除浮动的元素加上
overflow: hidden;
让他变成内行元素
使用CSS的:after伪元素
通过CSS伪元素在容器的内部元素最后添加了一个看不见的空格"020"或点".",并且赋予clear属性来清除浮动。
在要清除浮动的元素上加
.clearfix:after{
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}