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"/>