古詩詞大全網 - 古詩大全 - div中position:relative的完整用法怎麽用?

div中position:relative的完整用法怎麽用?

position的默認值是static,(也就是說對於任意壹個元素,如果沒有定義它的position屬性,那麽它的position:static)

如果妳想讓這個#demo裏的壹個div#sub相對於#demo定位在右上角的某個地方,應該給#demo相對定位,#sub絕對定位。

absolute是相對於自己最近的父元素來定位的,如果妳不給#demo相對定位,那麽#sub的絕對定位就是相對於body來定位的。

relative是相對於自己來定位的,例如:#demo{position:relative;top:-50px;},這時#demo會在相對於它原來的位置上移50px。

static: 默認值。無特殊定位,對象遵循HTML定位規則;

absolute: 將對象從文檔流中拖出,使用left,right,top,bottom 等屬性相對於其最接近的壹個最有定位設置的父對象進行絕對定位。如果不存在這樣的父對象,則依據body對象。而其層疊通過z-index屬性定義;

fixed:未支持。對象定位遵從絕對(absolute)方式。但是要遵守壹些規範;

relative:對象不可層疊,但將依據 left,right,top,bottom 等屬性在正常文檔流中偏移位置;