更新時(shí)間：2014-11-19我們在網(wǎng)頁設(shè)計(jì)中常常會(huì)用到position屬性，里面有5個(gè)值，分別是：absolute、fixed、relative、static、inherit。
常用到的其實(shí)就是absolute和fixed。
absolute：生成絕對定位的元素，相對于 static 定位以外的第一個(gè)父元素進(jìn)行定位。
fixed：生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。
這兩個(gè)值的區(qū)別在于，一個(gè)是相對于static的父元素定位，一個(gè)是相對于瀏覽器窗口定位。
不少朋友在使用absolute的時(shí)候發(fā)現(xiàn)它“似乎”也是針對瀏覽器窗口定位的，其實(shí)是因?yàn)闆]有設(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ì)相對于id為parent的div進(jìn)行“絕對定位”。
而fixed就完全不受任何約束了，不過在IE6瀏覽器下是無效的，IE8以后都是可以正常使用的了。
