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

Question

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

""content 属性的值是什么意思？

Answer 1

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

演示（没有 clearfix）

演示 2（使用 clearfix）

以及为什么需要clear以及需要​​清除什么，为此，您可以在此处参考我的答案

---

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