CSS爲什麼你需要用空字符串

Question

僞元素在這個example，爲什麼container需要有僞元素after和before與content: ''和display: table顯示灰色的背景？不應該container自動擴展以適應其兩個孩子，然後用灰色背景填充負空間而不使用僞元素？

Answer 1

這被稱爲'clearfix'，當一個容器的所有孩子都浮動時，你必須使用一個clearfix。 我把在容器中的黑色背景：

隨着clearfix：https://codepen.io/anon/pen/GvoEjx

沒有clearfix：https://codepen.io/anon/pen/NvxgRe

https://css-tricks.com/snippets/css/clear-fix/

.container:before, 
.container:after { 
    content: ""; 
    display: table; 
    clear: both; 
}