relative：

相對定位，在其默認顯示的位置的基礎上，通過上下左右四個參數(shù)設置偏移一定的距離，但是僅僅是顯示出來的效果偏移了，但它實際還占用著原來的位置
如果div的position設置了relative屬性，但是沒有指定偏移量，則默認為position：static。

absolute：

絕對定位，浮動元素脫離文檔流，偏移后元素不再占用了原來的位置，原位置將由后面的元素取代，默認以除static（一般元素默認的定位都是static）定位的第一個元素為參考進行定位，元素的位置通過top，right，bottom，left屬性進行規(guī)定，若外部沒有其他定位元素，則以瀏覽器左上角為參考原點。

例如：如果想指定元素div1作為參考原點，則div1應該加上position：relative（所以absolute常搭配relative使用）

float：

浮動元素脫離文檔流，元素水平方向浮動起來，只能向左或向右移動，通過float:left（right）設置左右浮動
設置浮動后出現(xiàn)兩個問題：
1、設置浮動后周圍元素會重新排列
2、怎么實現(xiàn)垂直排列
解決上面的問題需要用到清理浮動，關鍵字clear
清除浮動的關鍵字是clear，官方定義如下：
用法：
clear : none | left | right | both
含義：
none : 默認值。允許兩邊都可以有浮動對象
left : 不允許左邊有浮動對象
right : 不允許右邊有浮動對象
both : 不允許有浮動對象
注意：clear屬性只能影響元素本身，不能影響其他元素

假如div1和div2均設置了向左浮動，則兩個元素水平并列向左排列分別為div1,div2，如果想div2獨占一行，則需要給div2設置clear:left,表示清理div2左側浮動（實際div1浮動并未清理），div2下移一行。