1. 程式人生 > >清除浮動的方法(body元素值得注意)

清除浮動的方法(body元素值得注意)

浮動,這裡指的是由於子元素浮動脫離文件流,為父元素沒有浮動,因此高度沒有被撐開,父元素的背景等屬性都沒有顯示出來。

方法1:

在父元素裡最後面新增新的子元素,可以是<>div</div>或其他。然後設定該子元素{clear:both;}即可。父元素就能被撐開。不好的地方時,增加了標籤。

方法2:

為父元素設定高度。前提是能確定並計算好子元素的高度。

方法3:

設定父元素為{overflow:hidden;}或{overflow:auto;}。前提是該父元素不是body元素。如果想用這種方法。可以在body里加一個div元素,作為子元素的直接父元素。再將該父元素設為如上。如果是body元素為父元素,建議使用第一種方法。