css3清除浮动代码 |css阴影参数

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}

上面的代码就是常见的清除浮动代码，其中使用了:after伪元素来清除浮动。具体来说，使用了一个包含”.”的伪元素，通过设置display为block，height为0，以及clear:both，来清除浮动。此时，父元素就可以正确地包含浮动元素。

最后，为了兼容更多的浏览器，大家还需要添加.dispaly:inline-block，这样就可以正确地显示浮动元素，并且不会对页面产生不良影响。