.clearfix { display: block; *display: inline-block; _height: 1%; }

这句话的意思，

1、.clearfix这个是选择器，选择class="clearfix"的标签。

2、display:block;此元素将显示为块级元素，此元素前后会带有换行符。

3、*display: inline-block; 行内块元素。*代表ie7有效。

4、 _height: 1%;宽度设置成1%。_代表ie6有效。

.clearfix:after { content: '\20'; display: block; clear: both; height: 0; visibility: hidden; }

1、.clearfix:after{};意思是在class="clearfix"的标签元素的内容最后面

2、content: '\20'; 在元素后面添加内容。\20代表空格。空格的ascii值是20

3、display: block;内容示为块级元素，此元素前后会带有换行符。

4、 clear: both; 清除添加内容两边的浮动。

5、height: 0; visibility: hidden;添加的内容高度为0;设置显示状态为隐藏。