css float闭合问题

网页多列布局时，时常用float 对多列数据布局。

每列又包含多个元素，多列布局的背景高度不能自动扩展， 例如：有个块元素<div id=“col1” ></div>

1）： 块元素#col1 向左浮动。

2）： 块元素#col1 内包含多个浮动元素。

些时我们可以利用css 中的after伪元素来使得块元素#col闭合。

给块元#col素加上ClearFix 类。

                         .ClearFix:after{content:"."; visibility:hidden; height:0px; display:block; clear:both;}

                             .ClearFix{display:line-block;}

不过在Mac上的IE 要注意：

                             .ClearFix{display:block;}