position選項(xiàng)來(lái)定義元素的定位屬性，選項(xiàng)有5個(gè)可選值：static、relative、absolute、fixed、inherit
屬性值為relative、absolute、fixed時(shí)top | left | right| bottom | z-index才能起作用。
static（默認(rèn)值）
relative（相對(duì)定位）
absolute（絕對(duì)定位）
fixed（絕對(duì)定位，絕對(duì)與window瀏覽器，低版本瀏覽器不支持如ie6和ie7）
relative和static都是相對(duì)于文檔其他元素進(jìn)行定位，都屬于相對(duì)定位的范疇，區(qū)別在于一個(gè)可用控制位移，一個(gè)不能
static（默認(rèn)值）
如果使用默認(rèn)值，在CSS中為元素定義top、left、right、bottom、z-index都不會(huì)生效
relative
relative的變現(xiàn)和默認(rèn)值一樣，只不過(guò)可用通過(guò)設(shè)置偏移量和z-index來(lái)控制相對(duì)于其他正常位置進(jìn)行的偏移。
所有元素的定位（positon）默認(rèn)值都是static，什么都不寫就是相對(duì)定位，而使用position:relative在不設(shè)置
top、left、z-index、right、bottom值的情況下和默認(rèn)值表現(xiàn)是一樣的。
absolute和fixed
特點(diǎn)：
1、塊級(jí)元素的寬度在未定義時(shí)不再為100%，而是根據(jù)內(nèi)容自動(dòng)調(diào)整
2、在不定義z-index的情況下，absoulte元素會(huì)覆蓋在其他元素上。
3、它會(huì)脫離正常的文檔流，不再占據(jù)空間，類似于浮動(dòng)后的效果
absolute是相對(duì)上一個(gè)不為static的父元素進(jìn)行絕對(duì)定位。如果不指定父元素的position，
absolute將相對(duì)于整個(gè)html文檔進(jìn)行絕對(duì)定位。
fixed
生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。也就是說(shuō)，不論網(wǎng)頁(yè)如何滾動(dòng)，該元素始終停留在屏幕的某個(gè)位置。
如果我們希望左側(cè)邊控制欄始終對(duì)用戶可見(jiàn)，就使用position：fixe來(lái)進(jìn)行定位。
如果ie6和ie7不支持fixed屬性怎么辦
解決辦法
用position:absolute
_top:expression(eval(document.documentElement.scrollTop))
【 微信掃一掃 】
