CSS 属性内容的空值有什么作用？

【问题标题】：What does an empty value for the CSS property content do?CSS 属性内容的空值有什么作用？
【发布时间】：2014-01-17 15:52:59
【问题描述】：

nav ul:after { 
    content:""; 
    clear:both; 
    display:block;
}

"" 值在 content 属性上的含义是什么？

【问题讨论】：

【解决方案1】：

这只是一个清除修复，这意味着，如果您的 ul 元素浮动 li，那么它们将被自我清除，它的行为类似于 overflow: hidden; 但与 overflow: hidden; 不同，它不会隐藏溢出的内容。

Demo（无clearfix）

Demo 2（带有 clearfix）

以及为什么需要clear以及需要明确什么，可以参考我的回答here

当您编辑问题时，content 属性与 :before 或 :after 伪一起使用以在页面上嵌入虚拟内容，因此使用 content: ""; 意味着只是空白，您没有在页面中嵌入任何字符.

【讨论】：