當給乙個子元素設定浮動屬性時，這個子元素就脫離了文件流，從形式上不再屬於父元素，因此它的父元素的高度就會受到影響，內容不被撐開，為了清除子元素浮動帶來的負面影響，可以有以下方法解決
1,給直接父元素設定inline-block或float屬性(不推薦)
2,在浮動的子元素後面加上br標籤並設定clear屬性，如
3,給直接父元素設定偽類,如.parent:after (推薦)
後續思考:為什麼在浮動的元素後面增加乙個元素，且設定clear屬性後，父元素的內容高度就會被撐開，因為父元素的高度由最後乙個子元素的底(bottom)在頁面中的位置決定的。整個頁面是座標，從左上角0,0點開始，所以，從上面的例子看，當子div浮動後，父div沒有子元素了，高度就是一條線（如果沒有給父元素設定固定高度的話），我們知道如果浮動元素後面還有其他元素，如果不清除浮動，它就會占領浮動元素的位置(往上移),所以在浮動元素後加乙個元素，且清除浮動，哪怕它的高度是0，父元素也會被撐開，因為父元素的最後乙個子元素保持在頁面座標中的y值沒有變。
關於浮動與清除浮動
當給乙個子元素設定浮動屬性時，這個子元素就脫離了文件流，從形式上不再屬於父元素，因此它的父元素的高度就會受到影響，內容不被撐開，為了清除子元素浮動帶來的負面影響，可以有以下方法解決 1,給直接父元素設定inline block或float屬性 不推薦 2,在浮動的子元素後面加上br標籤並設定clea...
關於清除浮動與閉合浮動
在給html新增樣式的構成中，css是必不可少的的，然而css中有一些功能的實現可以通過不同的方法實現，通過效果檢視好像並沒有什麼不同，那它們之間到底有什麼本質區別呢，又有哪些概念被我們無意的忽略或者無視了呢，突然想總結總結這一類的問題，本篇隨筆算是本人對於 清除浮動 的歸納吧.在布局的時候我們經常...
浮動與清除浮動
left 元素向左浮動。right 元素向右浮動。none 預設值。元素不浮動，並會顯示在其在文字中出現的位置。浮動的特性 浮動元素會從普通文件流中脫離，但浮動元素影響的不僅是自己，它會影響周圍的元素對齊進行環繞。不管乙個元素是行內元素還是塊級元素，如果被設定了浮動，那浮動元素會生成乙個塊級框，可以...