什麼是內容：「。」;在CSS中呢？它看起來像明確：既和/或顯示：通過iteself

Question

塊在標準Magento的樣式有一噸的CSS類的，然後

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

爲了測試它做什麼我刪除線和上至少有一個區塊將所有內容移動了大約300px，並允許各處的浮游物。這是當我刪除只是內容：「。」線。 它幾乎看起來像是一個顯示器：塊或清除：兩者 - 或與他們合作。

我不知道它在做什麼 - 有人可以啓發我。

Answer 1

這個樣式塊被稱爲clear fix。 如果頁面中的包含元素（例如div）僅包含浮動元素，則會因爲浮動元素從頁面流中移除而摺疊。 這將導致包含元素失去其高度。

明確修補程序的作用是在大多數情況下插入一個無意義的內容，即點，使用CSS僞類:after，並將高度設置爲0隱藏。這將強制包含元素自行清除自身它不會失去它的高度。

瞭解更多關於在這裏：​​ css-tricks clear fix explained