css 清除浮动的几种方式

1.给浮动的元素的父级添加 overflow:hidden;属性

ul>不浮动 添加overflow:hidden;

li>浮动

2.给浮动的元素的父级添加after伪类

ul:after{

content:"";

clear:both;

height:0;

display:block;

overflow:hiddel;

visibility:hidden;

}

3.在浮动元素底部添加空标签

.clear{

clear:both;

}

<div class="clear"></div>

4.在浮动的元素底部添加Br标签

<br clear="both"/>