content:""，如何设置其宽度为0；

Question

经常会用到:before或者：after，里面会用到content:""，就是一个空元素，但我使用的时候，发现，他本身具有一个5px的宽度，如何去除呢？我试了width：0px没用，另外我不使用<span></span>空元素，只用before这个，怎么解决呢？

Answer 1

另外设置font-size设为0试试呢~

建议检查css

Answer 2

没看懂。你说的是伪类清楚浮动吧。

写漏了。。。

.clearfix:after{

content:"作用父级伪类清除浮动";

display:block;

clear:both;

}

Answer 3

没看懂。你说的是伪类清楚浮动吧。

.clearfix{

content:"作用父级伪类清除浮动";

display:block;

clear:both;

}

Answer 4

你需要在浏览器中调试一下，看是否为margin、padding或者是低版本浏览器的兼容性问题，font-size、overflow等在必要时刻需要设置对应的属性值