如果妳想讓這個#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 等屬性在正常文檔流中偏移位置;