當我們布局網頁一般是先分成乙個乙個div區域，再逐一雕琢。但div預設行為（寬100%，多個div從上到下)在一些場景卻不太適合，需要搭配float使用。
浮動: float, 「浮動會脫離預設的文件流，」浮動層和預設文件層就好像ps工具中的兩個圖層，互相不搭理；
如果div容器不設定width、寬度由預設100%變為容器內容的寬度；
浮動的一組元素按照設定方向一行排布，沒排完會有空白，如果一行排不下會自動換到下一行。溢位行為可以overflow自定義。
場景，從左到右， 網頁分欄兩三個div橫向排列;ul標籤構造選單導航;~~
**跟在浮動div後的正常div顯示不正常，所以要在清除浮動。
1） 新增空div。 浮動的那一組div後新增乙個空內容的div，空內容div上設定clear:both;樣式清除浮動。後面的div按照預設文件流排列，沒有跟浮動區重疊。
2） [推薦]偽類選擇器。 浮動的那一組的div的父div上:after偽元素選擇器 作用clear樣式。清除浮動。後面的div按照預設文件流排列，但跟浮動的div發生重疊。
3) br標籤。 浮動的那一組div最後加上br標籤，因為br標籤自帶clear樣式。浮動
當我們布局網頁一般是先分成乙個乙個div區域，再逐一雕琢。但div預設行為（寬100%，多個div從上到下)在一些場景卻不太適合，需要搭配float使用。
css 浮動float消除clear（深度好文）
前兩天在使用float的時候，有一點難受，為什麼呢，因為發現clear的清除效果不穩定，所以找了這篇部落格學習一下，發現了乙個重要的內容，clear是應用於父級元素的。這是癥結所在 有點懊惱自己沒好好讀書導致記錯了 不過，發現的這篇好文章，也是一大幸事。我們先來回憶一下float的特徵 1 塊在一排...
浮動的消除
當divouter內有乙個divinner，divinner如果設定了浮動後，divouter的大小會變得不受divinner影響，此刻就需要消除divinner的浮動效果 方法 給divouter設定overflow hidden overflow hidden 是指溢位部份隱藏，但卻能清除浮動。...
css如何清除浮動？
清除浮動主要是為了解決，父元素因為子級元素浮動引起的內部高度為0的問題 1.如下，我給父盒子設定乙個boder，內部放兩個盒子乙個big 乙個small，未給big和small設定浮動，則他們會預設撐開父盒子 2.當我給內部兩個盒子加上float屬性的時候 頂部深藍色盒子就會頂上來，然後父盒子因為沒...