我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中常常會(huì)用到position屬性，里面有5個(gè)值，分別是：absolute、fixed、relative、static、inherit。
常用到的其實(shí)就是absolute和fixed。
absolute：生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。
fixed：生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。
這兩個(gè)值的區(qū)別在于，一個(gè)是相對(duì)于static的父元素定位，一個(gè)是相對(duì)于瀏覽器窗口定位。
不少朋友在使用absolute的時(shí)候發(fā)現(xiàn)它“似乎”也是針對(duì)瀏覽器窗口定位的，其實(shí)是因?yàn)闆](méi)有設(shè)置父元素的static值。
代碼應(yīng)該這樣寫：
<div id="parent" style="position:static;">
<div id="son" style="position:absolute; top:0; left:10px;"></div>
</div>
這樣，id為son的div才會(huì)相對(duì)于id為parent的div進(jìn)行“絕對(duì)定位”。
而fixed就完全不受任何約束了，不過(guò)在IE6瀏覽器下是無(wú)效的，IE8以后都是可以正常使用的了。