position

position:static|absolute|fixed|relativehtml

static:默認值,無特殊定位,對象遵循html定位規則佈局

absolute:將對象從文檔流中拖出,使用left、right、top、bottom.屬性相對於其最接近的一個有定位設置父對象進行絕對定位spa

若是不存在這樣的父對象,則依據body對象,其層疊經過z-index來定義htm

relative:對象不可層疊但能夠使用l、r、t、b等屬性對象

fixed:把對象定在一個絕對位置不動,不管滾輪怎麼動,它的位置都不變文檔

absolute 會將對象拖離出正常的文檔流絕對定位而不考慮它周圍內容的佈局。it

想要激活對象的絕對定位,必須先指定l、r、b、t中至少一個io

relative 會保持對象在正常的HTML流中,可是它的位置能夠根據它的前一個對象進行偏移static

在相對(relative)定位對象以後的文本或對象佔有他們本身的空間而不會覆蓋被定位對象的天然空間。與此不一樣的,在絕對(absolute)定位對象以後的文本或對象在被定位對象被拖離正常文檔流以前會佔有它的天然空間top

相關文章
相關標籤/搜索