清除浮动

1 <ul>
   　　<li></li>
   　　<li></li>
   　　<li></li>
    　  <li></li>
</ul>

上例，一个ul有多个li，平时工作中基本上回用到左浮，而ul的高度一般是由li的高度撑起的，此时，如果ul不设固定高度，则li左浮动之后，ul的高度为0.所以这个时候就要用overflow：hidden,浏览器会自动检查浮动区域的高度 所以ul的高度会等于最高的li的高度。

2 

<div class="keepbj">
　　<div id="div1">我会在左边</div>
　　<div id="div2">我会在右边</div>
　　<div id="div3"></div>
</div>

外壳.keeppbj不设高度，内容主要是div1和div2，左右浮动之后，keepbj为了得到高度，需要在最后一个div后面加一个空div加上clear:both，此时，keepbj就能得到浮动区域的高度了。（原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度 ）

3

<ul>
   　　<li></li>
   　　<li></li>
   　　<li></li>
    　  <li></li>
</ul>

同1，父级div加overflow：auto,浏览器会自动检查浮动区域的高度 所以ul的高度会等于最高的li的高度。

4 父级div 也一起浮动

原理：所有代码一起浮动，就变成了一个整体 ，不建议使用，会产生其他问题。