沒有設定父元素高度
清除浮動後
原來沒清除浮動**
給父元素設定高度
父元素設定overflow：hidden：必須定義width或zoom:1，同時不能定義height，使用overflow:hidden時，瀏覽器會自動檢查浮動區域的高度
缺點：不能和position配合使用，因為超出的尺寸的會被隱藏。
父元素新增偽類i
新增乙個空div，利用css提高的clear:both清除浮動，讓父級div能自動獲取到高度
優點：簡單、**少、瀏覽器支援好、不容易出現怪問題
缺點：不少初學者不理解原理；如果頁面浮動布局多，就要增加很多空div，讓人感覺很不好
建議：不推薦使用，但此方法是以前主要使用的一種清除浮動方法
父元素設定display：table
原理：將div屬性變成**
優點：沒有優點
缺點：會產生新的未知問題。
建議：不推薦使用，只作了解。
float清除浮動
影響 浮動會使元素具有塊級元素和行內元素的特點 即內聯塊的特點 讓塊元素在同一行顯示。內聯塊 inline block 和浮動 float left right none 元素脫離文件流，按照浮動方向移動，遇到父級邊界或者相鄰浮動元素停住 但是無論哪種方式都需要做一些處理 去除inline bloc...
float清除浮動
在非ie瀏覽器下，當容器的高度為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到容器外面而影響 甚至破壞 布局的現象。即父級物件盒子無法被撐開，這個現象叫浮動溢位，為了防止這個現象的出現而進行的css處理，...
float清除浮動
float是css中布局非常常用的屬性，通過設定浮動能夠實現一些常見的布局，但是剛接觸float屬性的人很有可能會遇到一些問題。1.float，可以讓元素能夠朝著乙個方向進行浮動，常用float right和float left 總結float是css布局中非常常用的屬性，使用float會產生不對塊...