一、position語(yǔ)法與結(jié)構(gòu)
position語(yǔ)法： 
position : static absolute relative 

position參數(shù)：
static : 　無(wú)特殊定位，對(duì)象遵循HTML定位規(guī)則
absolute : 　將對(duì)象從文檔流中拖出，使用left，right，top，bottom等屬性進(jìn)行絕對(duì)定位。而其層疊通過(guò)css z-index屬性定義。此時(shí)對(duì)象不具有邊距，但仍有補(bǔ)白和邊框
relative : 　對(duì)象不可層疊，但將依據(jù)left，right，top，bottom等屬性在正常文檔流中偏移位置

position說(shuō)明：
設(shè)置對(duì)象的定位方式，可以讓布局層容易位置絕對(duì)定位，控制盒子對(duì)象更加準(zhǔn)確。

二、絕對(duì)定位使用條件
position:absolute；position:relative絕對(duì)定位使用通常是父級(jí)定義position:relative定位，子級(jí)定義position:absolute絕對(duì)定位屬性，并且子級(jí)使用left或right和top或bottom進(jìn)行絕對(duì)定位。

.divcss5{position:relative} 定義，通常最好再定義CSS寬度和CSS高度
.divcss5-a{position:absolute;left:10px;top:10px} 這里定義了距離父級(jí)左側(cè)距離間距為10px，距離父級(jí)上邊距離為10px
或
.divcss5-a{position:absolute;right:10px;bottom:10px} 這里定義了距離父級(jí)靠右距離10px,距離父級(jí)靠下邊距離為10px

 

對(duì)應(yīng)HTML結(jié)構(gòu)
<div class="divcss5">
    <div class="divcss5-a"></div>
</div>

這樣就絕對(duì)定位了“divcss5-a”在父級(jí)“divcss5”盒子內(nèi)。

注意的是，left（左）和right（右）在一個(gè)對(duì)象只能選一種定義，bottom（下）和top（上）也是在一個(gè)對(duì)象只能選一種定義。