第一种方法:
.clearfix:after {
content:" ";
display: block;
clear:both;
}
注释:
:after 选定的位置,输入需要的内容;
content:" "; 生成内容为空;
display: block; 生成的内容以块级元素显示;
clear:both; 清除前面元素浮动带来的影响。
第二种方法:
.clr {
clear: both;
width: 0px;
height: 0px;
overflow: hidden;
}