1. position:fixed; ? ? ? ? ? ?固定定位 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對于整個頁面來定位的，即使你滾動頁面它的位置也不會發(fā)生改變。

2. position:relative; ? ? ? ?相對定位 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對于自身來定位?？梢杂胻op，bottom，left，right來改變它的位置。因為相對于自身定位所以left:10px;后那它就會往right移動10px。個人覺得記它的屬性相反的方向會好理解一點。

3. position:absolute;? ? ? 絕對定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 如果父元素里有relative那么就是針對父元素來定位的，沒有的話就是針對整個瀏覽器窗口來定位的。可以用top，bottom，left，right來改變它的位置。

4. position:static;? ? ? ? ? 默認定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 默認即靜止定位,是按照元素在(x)html出現(xiàn)的順序依次分配位置,static是不受top right left bottom影響的。若要清除定位時可使用static來消除定位的影響。