内容是什么&“；；在css中，你做什么？它的行为类似于“清除：同时显示”和/或“显示：按自身设置块”

在标准的Magento样式表中，有大量css类，后跟

{
    clear: both;
    content:".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

为了测试它的功能，我删除了该行，在至少一个块上，它将所有内容向上移动了大约300px，并允许到处浮动。这是当我只删除内容：“.”行。 它看起来就像一个显示器：阻塞或清除：两者都有——或者与它们一起工作

---

我不知道它是做什么的-有人能给我一些启发吗。

这种风格被称为

clear fix

。 例如，当页面中的包含元素div仅包含浮动元素时，它将崩溃，因为浮动元素已从页面流中移除。 这将导致包含元件的高度松动

clear fix所做的是使用CSS伪类

：after

插入一个无意义的内容，在大多数情况下是一个点，并通过将高度设置为0来隐藏。这将迫使包含元素自行清除，而不会失去其“高度”

请在此处阅读更多信息：

---

此样式块称为

清除修复

。 例如，当页面中的包含元素div仅包含浮动元素时，它将崩溃，因为浮动元素已从页面流中移除。 这将导致包含元件的高度松动

clear fix所做的是使用CSS伪类

：after

插入一个无意义的内容，在大多数情况下是一个点，并通过将高度设置为0来隐藏。这将迫使包含元素自行清除，而不会失去其“高度”

请在此处阅读更多信息：

---

谢谢，解释得很好。谢谢，解释得很好。