.clearfix:after{content:".";/*尽量不要为空，一般写一个点*/height:0;/*盒子高度为0，看不见*/display:block;/*插入伪元素是行内元素，要转化为块级元素*/visibility:hidden;/*content有内容，将元素隐藏*/clear:both;}.clearfix{*zoom:1;/**只有IE6,7识别*/}2.overflow方式

给父级元素添加overflow样式方法。

.father{overflow:auto;/*加上这句话，就可以清除浮动overflow=hidden

auto

scroll都可以实现*/}十.display:none;与visibility:hidden;有什么区别？

相同之处：这两个属性的值都可以让元素变得不可见；

区别：

从占据空间角度看：display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility:hidden;不会让元素从渲染树消失，渲染时元素继续占据空间，只是内容不可见；

从继承方面角度看：display:none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；visibility:hidden;是继承属性，子孙节点消失由于继承了hidden，通过设置visibility:visible;可以让子孙节点显式；

从重绘和重排角度看：修改常规流中元素的display通常会造成文档重排。修改visibility属性只会造成本元素的重绘读屏器不会读取display:none;元素内容；会读取visibility:hidden元素内容；

visibility:hidden;这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在；

opacity:0;CSS3属性，设置0可以使一个元素完全透明；

position:absolute;设置一个很大的left负值定位，使元素定位在可见区域之外；

display:none;元素会变得不可见，并且不会再占用文档的空间；

解决办法：

在ul中用font-size：0（谷歌不支持）；可以使用letter-space：-3px;

设置float：left；