我們在做頁面佈局的時候,經常需要利用浮動來實現一些佈局效果,這樣帶來的後果就會導致父元素丟失寬度。今天我們就來說說‘找回‘寬度的方法。 而清除浮動後的效果應該是這樣的請看: 下麵就說說方法,方法其實有非常的多,下麵部分方法的截圖請大家參考 (1)父級div定義height。(2)結尾處加空div標簽 ...
我們在做頁面佈局的時候,經常需要利用浮動來實現一些佈局效果,這樣帶來的後果就會導致父元素丟失寬度。今天我們就來說說‘找回‘寬度的方法。
而清除浮動後的效果應該是這樣的請看:
下麵就說說方法,方法其實有非常的多,下麵部分方法的截圖請大家參考
(1)父級div定義height。
(2)結尾處加空div標簽clear:both。
(3)父級div定義偽類:after和zoom。
(4)父級div定義overflow:hidden。
(5)父級div定義overflow:auto。
(6)父級div也浮動,需要定義寬度。
(7)父級div定義display:table。
(8)結尾處加br標簽clear:both
一般來說 給父元素加偽元素after是更好的方法。附圖一張:
(新手請多多指教)