1. position:fixed; ? ? ? ? ? ?固定定位 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對(duì)于整個(gè)頁(yè)面來(lái)定位的,即使你滾動(dòng)頁(yè)面它的位置也不會(huì)發(fā)生改變没讲。
2. position:relative; ? ? ? ?相對(duì)定位 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對(duì)于自身來(lái)定位芯肤】致兀可以用top,bottom叠赐,left彼哼,right來(lái)改變它的位置。因?yàn)橄鄬?duì)于自身定位所以left:10px;后那它就會(huì)往right移動(dòng)10px展父。個(gè)人覺(jué)得記它的屬性相反的方向會(huì)好理解一點(diǎn)返劲。
3. position:absolute;? ? ? 絕對(duì)定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 如果父元素里有relative那么就是針對(duì)父元素來(lái)定位的,沒(méi)有的話就是針對(duì)整個(gè)瀏覽器窗口來(lái)定位的栖茉±郝蹋可以用top,bottom吕漂,left亲配,right來(lái)改變它的位置。
4. position:static;? ? ? ? ? 默認(rèn)定位? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 默認(rèn)即靜止定位,是按照元素在(x)html出現(xiàn)的順序依次分配位置,static是不受top right left bottom影響的惶凝。若要清除定位時(shí)可使用static來(lái)消除定位的影響吼虎。