語法：
position：static （靜態定位） | absolute （絕對定位） | fixed （固定定位） | relative （相對定位）
屬性參數：
static：靜態定位，無特殊定位，對象遵循HTML定位規則（html的默認狀態）
absolute：絕對定位，對象脫離文檔流，需要使用 left、top、right、bottom等屬性進行精確地定位。可以運用z-index屬性進行層疊。（使用絕對定位時如果出現元素飄動，沒有在你指定的位置上，可以在元素的父級元素上使用相對定位。“個人建議”）
relative：相對定位，對象不脫離文檔流，無法像absolute一樣進行層疊，但依然要使用 left、top、right、bottom等屬性進行正常文檔流中相對原來的對象位置進行移動，原位會被其他元素占據。
fixed：固定定位，脫離文檔流，可以使元素在屏幕上保持固定位置，即使滾動條下拉元素位置也不會改變。
<div style="border=“1px solid red；position：absolute；top：150px；left：200px；">我是div111111</div>
div111111會向下移動150px、向右移動200px處
<div style="border=“1px solid red；position：absolute；bottom：50px；right：100px；">我是div222222</div>
div222222會向移動到距離底部150px、距離右邊框100px處
當你要做一個始終在頁面右下角顯示的模塊時使用 position：fixed；bottom：50px；right：50px；可以使div在距離底部50px和右邊框50px處顯示且不管你的頁面怎么改變，div一直會顯示在你可視范圍內的相同位置
z-index：100px；后面跟的像素越大div所在的層級越高
語法：
float：left | left | none；向右、向左或者 不使用（默認）
float：脫離文檔流，浮動是相對於父級元素進行的浮動
<div id="div1">
<div id="div2"></div>
</div>
如上：div1為div2的父級元素div2只能在div1里面進行浮動
浮動的一個經常使用的情形，就是水平導航條的運用。水平導航條有兩種方式可以實現，只要將 li 標簽的display屬性改為行內樣式，就可以讓列表平鋪，這是核心部分，但是在了解盒子模型我們可以知道，行內標簽的 margin、padding對上下方向是無效的，這里只能讓列表選項的左右拉長，上下是不會被控制的，塊級標簽上下才會被控制。
float也是簡單的一些文字環繞圖片效果的運用將圖片和文字放入同一個div內然后給圖片和div一個float：left | right；
<div style="width:220px;height:300px;float:left;">
<img src=".." style=" float:left;"/>這里是文字654651進行圖文混排以及文字環繞kj dsh gkjh kjh jb kjf bg kjs dh fkj gh kj sd hjf hk jk jsh kjg hk
</div>