在网页制作中经常会用到浮动。用了浮动就会涉及到一个清除浮动的问题，因为包含浮动的元素是不会自动适应高度的，也就是不会被浮动元素撑开。

先看一个例子： HTML: 复制代码代码如下: CSS: 复制代码代码如下: ul { margin:0; padding:10px; list-style:none; background-color:#006699; } ul li { width:100px; height:100px; float:left; margin-right:10px; background-color:#99cc00; } 在各个浏览器中的效果一致： 可以看到，外面 ul 即蓝色的区域高度为0