浮動（float）是前端最常用的屬性之一。雖然浮動看起來很簡單，但卻是經常讓新手頭疼。
在需要左對齊的情景，使用float:left就很方便，也不用什麼text-align:left了。左浮動使得和文字等向左對齊，十分便捷。此外，有不少情況下，也需要設定div的左浮動。通常在使用了乙個div的浮動之後，可能相關的div都要設定左浮動，這樣才能保證框架（包括div）之間的margin和padding的屬性設定能夠按預期效果生效。如果只有
一、兩個浮動div，根據div區域的位置不同，有可能不需要其他框架也跟著左浮動。但是如果你設定了兩個以上的左浮動的div，慘了！你後面的幾乎所有相關的div都要左浮才能正確顯示邊距和位置等。
如果給若干個div設定了float:left，但發現框架（包括div）間的間距顯示不正確，或者某個div發生大移位，那麼，在**正確的前提下，解決方案就是清除框架及div之間的浮動。怎樣清除浮動？可先在css樣式表中寫以下**：
.clear
你可能會問，到底要加到啥位置上啊？這就要看邊距或位置顯示錯誤的div或者框架的具體在整個框架的哪個位置了。如果是父級div與其他div或框架的邊距無法正確顯示，那麼通常就要把清浮的這句**加在父級div或其他框架中。（這種情形下，通常父級div是不左浮的）。如果是已經左浮動的div框架或其他已左浮的框架（即，同級框架）之間的間距或邊距無法正確顯示，還可把清除浮動的語句放在這類框架之間，那麼，也會把錯誤顯示的框架邊距糾正。
最好在加了清浮語句的右側加個注釋，以避免主體程式太長時閱讀發生困難。比如，若是普通的父級框架的清浮動，就只注釋：清除浮動。如果是同級框架(包含div框架）間的清除浮動，就注釋：清除某某框架之間的浮動。這樣，你再也不必擔心浮動元素太多，margin、padding屬性的設定不生效了！
浮動和清除浮動
浮動的框可以向左或向右移動，直到他的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流的塊框表現得就像浮動框不存在一樣。浮動的塊框會漂浮在文件普通流的塊框上。浮動元素引起的問題 1 父元素的高度無法被撐開，影響與父元素同級的元素。2 與浮動元素同級的非浮動元素 ...
浮動和清除浮動
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流中的塊框表現得就像浮動框不存在一樣。如果包含框太窄，無法容納水平排列的三個浮動元素，那麼其它浮動塊向下移動，直到有足夠的空間。如果浮動元素的高度不同，那麼當它們向下移動時可能被...
css浮動和清除浮動
css樣式的float浮動屬性，用於設定標籤物件 如 標籤盒子 標籤 標籤 標籤等html標籤 的浮動布局，浮動也就是我們所說標籤物件浮動居左靠左 float left 和浮動居右靠右 float right 一般情況是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣cs...