在CSS浮動中，元素浮動後將自動轉為塊級元素，可以移動到當前行的左側或右側，切記沒有浮動到中間的概念，所以記住只會浮動到兩側。
float:left
float:right
float:none
浮動元素一定要設置寬度，否則後果不可預計——除了圖片，因為它們有隱含的寬度。
5個特殊之處：
1、它會盡可能的水平填充容器元素，而盡量不讓其他空間圍繞它們。
2、浮動元素的垂直邊距(margin)不會疊加，和正常的文本不同
3、浮動元素可以和臨近在正常文檔流中塊級元素重疊（譯注：浮動元素不占任何正常文檔流空間，所以建議不要理解成重疊，而是騰空浮動的概念。）。”
4、多個浮動元素首先按行排列，當一行排列滿了，才開始換行。
5、浮動元素不會占據正常文檔的位置：（1）浮動元素之前的元素未指明位置的塊級元素會占據浮動元素本來占據的位置；（2）浮動元素之後的元素會跟在浮動元素後面占據行內剩余的位置；
浮動元素之後的元素會自動圍繞該浮動元素。如果你不希望這樣，你可以為這些元素應用“clear屬性”。該屬性有4種設值：
本文來源：禁斷-新浪博客（http://blog.sina.com.cn/s/blog_4e5cbbe501000bou.html）