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;? ? ? ? ? 默認(rèn)定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 默認(rèn)即靜止定位,是按照元素在(x)html出現(xiàn)的順序依次分配位置,static是不受top right left bottom影響的。若要清除定位時可使用static來消除定位的影響。