.clearfix .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:h

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
下面两个样式一样，为什么要写开，写开做用是什么？
.clearfix { display:inline-block; }

.clearfix { display:block; }

display:block; 块级显示 新行开始，高度，顶底为可控
display：inline-block； 内联显示，即同一行显示
由于浏览器的不同，就导至一些浏览器不兼容的问题，IE就是其中一个
解决IE bug方法有2种
1.先使用display:inline-block;触发内联显示，再用display:block触发块
以解决在IE中因为内联而无法设置高度，顶底问题
2.就是设置为.clearfix { display:inline;zoom:1; }

.clearfix {display: inline-block;}是用来触发ie的haslayout。.clearfix {display: block;}为了其它浏览器正常，而之前触发的haslayout不会消失。