元素設定浮動之後，被設定浮動的元素就會脫離文件流，而且任何元素都會浮動，然後稱為**塊級元素**，浮動之後對我們的布局是有很大的影響，會造成高度坍塌。
解決高度坍塌的方法：
還有其他方法，這裡就不一一枚舉，主要介紹利用css來解決高度坍塌的問題
1.給父元素也設定浮動，要浮動一起浮動
2.給父元素設定高度
3.高度坍塌畢竟是css自己的問題，所以還是由css自己來解決吧，來看**
.clearfloat>div
.clearfloat>div:first-child
.clearfloat>div:last-child
.d3.clearfloat:
:after
<
/style>
="clearfloat"
>
浮動框1
<
/div>
浮動框2
<
/div>
<
/div>
="d3"
>框3
<
/div>
<
/body>這是沒有清楚浮動的效果
預設文件流定位是
①每個元素在頁面佔據空間
②每個元素都從父元素的左上角開始顯示
③塊級元素獨佔一行，從上往下排列
④行內和行內塊，多個元素共用一行，從左往右排列，一行排不下，自動換行
浮動之後框3直接壓在浮動框1和浮動框2的下邊（都是塊級元素，如果框3沒有浮動應該在浮動框1和2的下邊）
清除浮動後的效果：
[因為是小白，寫的有點菜，有錯誤的話，請大家指正]
css浮動產生的高度坍塌以及解決高度坍塌的多種方法
1 給元素新增overflow hidden 原理 觸發bfc 弊端 overflow hidden 還有乙個作用就是超出隱藏，會隱藏掉元素內部定位的元素外部區域 具體實現 如下 12 3456 123 2 使用clear both清除浮動 原理 給元素內部浮動元素新增一同級空的標籤，給該空標籤設定...
解決float之後容器高度坍塌
法國球星亨利宣布退役之後，國際足壇大腕們紛紛對他表示敬意，尤其是他以前效力的阿森納隊眾球星都稱讚他為 傳奇人物。國際足聯主席布拉特也發表推文說 衷心祝福亨利。很遺憾看到一位世界冠軍離開了賽場，但也高興你仍然距離足球非常近。亨利在2007年離開阿森納後，沃爾科特繼承了他的14號球衣，這位17歲就入選英...
關於高度坍塌
當父元素未設定高度和寬度的時候，子元素浮動時，那麼父元素的高度就會塌縮為零，前提是它只包含浮動元素，解決高度塌陷的問題很簡單，可以浮動父級元素 清除法等等，均可實現。下面一一為大家稍微解說一下。首先來個例子 解決辦法主要有 第一，子元素中用padding設定邊距而不是margin 第二，父元素中加入...