float和position屬性的區(qū)別和使用方法？今天找了篇文章，講的比較通俗易懂，供大家參考

postion:relative是子塊級(jí)元素面向父級(jí)元素的相對(duì)定位，定位關(guān)鍵字使用left/right/top/bottom。兄弟塊元素之間相對(duì)進(jìn)行定位，但是position移動(dòng)后，原位置依然保留。而且隨后的兄弟塊元素定位基于被移走前的位置。

float:right/left是子塊級(jí)元素流集合面向父級(jí)元素的定位，定位的關(guān)鍵詞使用margin/padding。兄弟塊元素之間進(jìn)行相對(duì)的定位均基于移動(dòng)后的新位置進(jìn)行重新渲染，可以重疊，原位置被清空。

二者之中最大的差別就是位置保留。

人們也就利用這種差異，可以做出CSS代碼的滑動(dòng)門菜單。

hover時(shí)取當(dāng)前元素為保留位置，定義一個(gè)relative時(shí)，沒有hover時(shí)使用float清空保留位置。

比較示例中的3個(gè)樣式表，就可以發(fā)現(xiàn)：