解析:

 浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停
留 

解析:

 这种方法是在所有浮动标签后面添加一个空标签 定义 css clear:both. 弊端就是增
加了无意义标签。 

解析:

 给包含浮动元素的父标签添加 css属性 overflow:auto; zoom:1; zoom:1用于兼容 IE6。 

解析:

 该方法只适用于非 IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。
一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0，否则该元素会比实际高出
若干像素；二、content属性是必须的，但其值可以为空，蓝色理想讨论该方法的时候 content
属性的值设为”.”，但我发现为空亦是可以的。
*{margin:0;padding:0;}
body{font:36px bold; color:#F00; text-align:center;}
#layout{background:#FF9;}
#layout:after{display:block;clear:both;content:””;visibility:hidden;height:0;}
#left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;}
#right{float:right;width:30%;height:80px;background:#DDD;line-height:80px;}
<div id=”layout”>
<div id=”left”>Left</div>
<div id=”right”>Right</div>
</div> 

解析:

 CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS 的”
background-image”，”background- repeat”，”background-position”的组合进行背景定位，
background-position 可以用数字能精确的定位出背景图片的位置。