當元素浮動以後可以向左或向右移動，直到它的外邊緣碰到包含它的框或者另外乙個浮動元素的邊框為止。
元素浮動以後會脫離正常的文件流，所以文件的普通流中的框就變現的好像浮動元素不存在一樣。
這樣做的優點就是在**混排的時候可以很好的使文字環繞在周圍。另外當元素浮動了起來之後，它有著塊級元素的一些性質例如可以設定寬高等，但它與inline-block還是有一些區別的，第乙個就是關於橫向排序的時候，float可以設定方向而inline-block方向是固定的；還有乙個就是inline-block在使用時有時會有空白間隙的問題
最明顯的缺點就是浮動元素一旦脫離了文件流，就無法撐起父元素，會造成父級元素的高度塌陷
1、新增額外標籤
class
="parent"
>
//新增額外標籤並且新增clear屬性
style
="clear
:both
">
div>
//也可以加乙個br標籤
div>
class
="parent"
style
="overflow
:hidden
">
//auto 也可以
//將父元素的overflow設定為hidden
class
="f"
>
div>
div>
//在css中新增:after偽元素
.parent:after
class
="parent"
>
class
="f"
>
div>
div>
浮動的優缺點，如何清除浮動？
元素浮動以後可以想做或向右移動，直到它的外邊緣碰到包含它的框或者另外乙個浮動元素的邊框為止。元素浮動以後會脫離正常的文件流，所以文件的普通流中的框就變現的好像浮動元素不存在一樣。浮動的好處 這是乙個浮動的demo charset utf 8 清除浮動title parent fstyle head ...
css 清除浮動的方式有哪些及優缺點？
什麼是盒子塌陷？外部盒子本應該包裹住內部的浮動盒子，結果卻沒有。問題出現的原因 父元素只包含浮動元素，那麼它的高度就會塌縮為零 前提就是你們沒有設定高度 height 屬性，或者設定了為auto，就會出現這種情況，如果父元素不包含任何的可見背景，這個問題會很難被注意到。因為子元素設定了float屬性...
清除浮動方法及優缺點
方法1 給父級div定義 高度 如下 我是左浮動 我是右浮動 我是div2 原理 通過設定父元素overflow值設定為hidden 在ie6中還需要觸發 haslayout zoom 1 優點 簡介，不存在結構和語義化問題 缺點 無法顯示需要溢位的元素 亦不太推薦使用 方法7父元素設定 overf...