CSS備忘錄

Ayning發表於2015-03-07
CSS

1, 浮動框(float)會使得元素脫離文件流, 因此不佔用文件空間; 因此當一個Div的子元素都為float時會導致該Div高度為0, 這一問題稱為"高度塌陷"

為了解決這個問題我們可以在該Div後面新增一個樣式

#main:AFTER {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

 

參見 偽元素:AFTER

測試

相關文章