三種定位機(jī)制： 靜態(tài)定位上荡，相對(duì)定位，絕對(duì)定位
四中屬性值：
- static
- relative
- absolute
- fixed
如果處于文檔流中，則占用文檔空間悔雹，對(duì)它的兄弟元素仍有影響
如果是脫離了文檔流亭罪，則對(duì)它的兄弟元素沒有影響
absolute和fixed均屬于絕對(duì)定位
相對(duì)定位
特點(diǎn)：
- 是相對(duì)于自身原有位置進(jìn)行偏移
- 仍處于文檔流中瘦馍，也就是占用文檔空間，對(duì)它的兄弟元素仍會(huì)有影響
- 隨即擁有偏移屬性和z-index屬性
絕對(duì)定位
特點(diǎn)：
- 基于已經(jīng)定位的祖先元素進(jìn)行定位
- 脫離了文檔流应役，不會(huì)對(duì)兄弟元素產(chǎn)生影響
- 隨即擁有了偏移屬性和z-index屬性
- 如果設(shè)置絕對(duì)定位的元素沒有設(shè)置width坷剧，那么它的width就等于其內(nèi)容的寬度，類似于設(shè)置了float的元素
注意：已經(jīng)定位的祖先元素指的是祖先元素設(shè)置了相對(duì)定位锹杈、絕對(duì)定位或固定定位中的任一種定位
如果對(duì)元素設(shè)置了絕對(duì)定位驯鳖，沒有設(shè)置偏移量，且沒有已經(jīng)定位的祖先元素袍祖，則該元素仍然處于它的初始位置
設(shè)置偏移量
- 如果沒有已經(jīng)定位的祖先元素底瓣，則相對(duì)于<html>標(biāo)簽進(jìn)行偏移
- 如果有已經(jīng)定位的祖先元素，則相對(duì)于其最近的已經(jīng)定位的祖先元素進(jìn)行偏移
使用絕對(duì)定位進(jìn)行兩列布局
常用于一列固定寬度蕉陋，一列自適應(yīng)寬度的布局
主要應(yīng)用技能：
- 父元素使用：relative
- 需要自適應(yīng)寬度的列使用absolute
注意：因?yàn)樵O(shè)置了absolute的元素捐凭，脫離了標(biāo)準(zhǔn)文檔流拨扶，所以其無法撐開父元素，因此必須使固定寬度列的高度 > 自適應(yīng)寬度列的高度
