絕對定位(absolute),作用是將被賦予此定位方法的物件從文件流中拖出,使用left,right,top, bottom等屬性相對於其最接近的乙個最有定位設定的父級物件進行絕對定位,如果物件的父級沒有設定定位屬性,即還是遵循html定位規則的,則依據 body 物件左上角作為參考進行定位。絕對定位物件可層疊,層疊順序可通過 z-index 屬性控制,z-index值為無單位的整數,大的在最上面,可以有負值(目前負值ff不支援)。
注意:必須加left,right,top, bottom等值才能用效果.如: position: absolute; top:10px; 必須要加top才能有效.
position:fixed 相對於視窗的固定定位,這個會隨周圍的移動而移動.但給top,left ,right.等無作用.
position:relative 相對定位
所謂相對定位到底是什麼意思呢,是基於**的相對呢?我們需要明確乙個概念,相對定位是相對於元素預設的位置的定位。既然是相對的,我們就需要設定不同的值來宣告定位在**,top、bottom、left、right四個數值配合,來明確元素的位置.不會隨別的移動而影響.
CSS中絕對定位 absolute
position absolute 絕對定位使元素的位置與文件流無關,因此不佔據空間。這一點與相對定位不同,相對定位實際上被看作普通流定位模型的一部分,因為元素的位置相對於它在普通流中的位置。絕對定位的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊...
絕對定位absolute精講
一直沒搞清楚position absolute relative fixed static 等值 下文是absolute的精講 relative 相對於自身原來的位置定位。fixed 和absolute差不多 一般預設position的值是static 絕對定位基本特徵 絕對定位的第乙個特徵在於會從...
絕對定位absolute和浮動定位float的異同
absolute 生成絕對定位的元素,相對於最近一級的定位不是 static 的父元素來進行定位。fixed 老ie不支援 生成絕對定位的元素,通常相對於瀏覽器視窗或 frame 進行定位。relative 生成相對定位的元素,相對於其在普通流中的位置進行定位。static 預設值。沒有定位,元素出...