web-前端歷程（2）浮動與清除浮動
簡單的來看，這裡的（layout）-div是無法顯示出背景黃色屬性的
原因：子元素left和right是直接浮動的，這時脫離了普通的文件流，進而無法直接的撐起父級元素的高度：即認為父級元素塌陷！（所以要撐起來呀(^__^) 。。。）
type=」text/css」>
body
#layout
#left
#right
–>
style>
id=」layout」>
id=」left」>leftdiv>
id=」right」>rightdiv>
div>
我在理解這個問題的出現了乙個誤區，清除who『s的浮動，清除指定元素的周圍區域是否能夠出現浮動元素！
（不是清除自己的浮動）
解決方案：
1.空的塊級元素定義css並觸發bfc
簡單來說：
step1：建立空白
step2:clear：both；hight：0；overflow：hidden；
2..clearfix
3。使父級元素也浮動起來
前端 浮動清除
當元素浮動時，他就不再占用文件流中的任何空間了，因此，父列表實際上什麼東西都沒有，他就會收縮，從而隱藏列表的背景，解決這個問題的方法有以下集幾種 方法一 新增乙個清理的元素，但是會在頁面上新增不必要的元素，所以不建議使用這種辦法 方法二 讓父元素浮動，並且使用某個元素 比如站點頁尾 對它進行清理，以...
浮動與清除浮動
left 元素向左浮動。right 元素向右浮動。none 預設值。元素不浮動，並會顯示在其在文字中出現的位置。浮動的特性 浮動元素會從普通文件流中脫離，但浮動元素影響的不僅是自己，它會影響周圍的元素對齊進行環繞。不管乙個元素是行內元素還是塊級元素，如果被設定了浮動，那浮動元素會生成乙個塊級框，可以...
浮動與清除浮動
為元素設定了浮動之後，元素就會脫離文件流 可以看做是漂浮在文件流之上 存在。所有產生了浮動流的元素，塊級元素看不到它們。產生了bfc的元素和文字類屬性 inline 的元素以及文字都能看到浮動元素。如何觸發乙個盒子的bfc？position absolute float left right dis...