内容的影响是什么：“\ 0020”;属性？

Question

.container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}

 内容

请解释“内容：”\ 0020“;属性？

的影响

Answer 1

\0020插入Unicode代码点U + 0020，这是一个空格。所以代码相当于content: ' ';。

content: x将值x替换为内容（=显示的文字）。

但是，在您发布的代码段中，此内容无论如何都会隐藏，因此您实际上看不到任何内容。代码是一个clearfix实现，用于重新浮动页面上的元素。

Answer 2

添加空格字符以清除浮动。谷歌clearfix，你会看到类似的东西。

参考： content属性可以包含：文本字符串，外部资源的URI（例如图像）和ASCII代码特殊字符。对于高质量排版，建议使用ISO 10646字符并以HEX表示形式对其进行编码。

单个空格HEX为20，因此您将使用\ 0020