一、浮動float

float特點：

        1、浮動，相對定位的，它根據一個元素的大小和其父節點容器的大小來構造這個元素在排版中與其他元素之間的關系，整個頁面會隨著瀏覽器的大小和分辨率的變化而改變。

        2、float:right/left是子塊級元素流集合面向父級元素的定位，定位的關鍵詞使用margin/padding。兄弟塊元素之間進行相對的定位均基于移動后的新位置進行重新渲染，不可以重疊。

        3、當一個元素被浮動時，這個元素是挨著前一個元素，換行這取決于它相鄰元素的位置。

        4、float后，元素變為行內塊元素

二、定位position

用于精確定位元素。

屬性：

static：

默認值。無特殊定位，對象遵循HTML定位規則  

relative：

作為子元素絕對定位（absolute）基礎，對象不可層疊，但將依據 left ， right ， top ， bottom 等屬性在正常文檔流中偏移位置。

absolute：

將對象從文檔流中拖出，使用 left ， right ， top ， bottom 等屬性相對于其最接近的一個定位設置為相對定位（relative）的父對象進行絕對定位。如果未設置定位，則依據 body 對象。而其層疊通過 z-index 屬性定義 

fixed：

將對象從文檔流中拖出，固定于頁面某處，不隨頁面滾動而滾動。

三、浮動float與定位position區別

float多用于布局，position多用于元素精確定位