首页 > 代码库 > 伪元素清除浮动?这个你了解吗?

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

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

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

.clearfix { zoom: 1; }

看着好像没啥为题呀,但是最近小弟遇到个问题(360极速浏览器):

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

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

哪位大神有更深刻的领会?请指教!

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