首页 > 代码库 > 伪元素清除浮动?这个你了解吗?
伪元素清除浮动?这个你了解吗?
随着前端的不断发展,面对浮动这个问题我们一般喜欢用伪元素清除浮动,下面这段样式号称万能清除浮动
.clearfix:after { content: "."; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
看着好像没啥为题呀,但是最近小弟遇到个问题(360极速浏览器):
伪元素是在clearfix元素后产生一个清除浮动的块级元素,并且用content的内容填充,但是有些浏览器会产生这个例如“.”占位的问题(实际生产环境中),
小弟审查了半天才发现是这个问题,于是把content的内容进行了清空,结果解决了问题!
哪位大神有更深刻的领会?请指教!
伪元素清除浮动?这个你了解吗?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。