伪元素清除浮动？这个你了解吗？

随着前端的不断发展，面对浮动这个问题我们一般喜欢用伪元素清除浮动，下面这段样式号称万能清除浮动

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

.clearfix { zoom: 1; }

看着好像没啥为题呀，但是最近小弟遇到个问题（360极速浏览器）：

伪元素是在clearfix元素后产生一个清除浮动的块级元素，并且用content的内容填充，但是有些浏览器会产生这个例如“.”占位的问题（实际生产环境中），

小弟审查了半天才发现是这个问题，于是把content的内容进行了清空，结果解决了问题！

哪位大神有更深刻的领会？请指教！