CSS布局定位 position

2022-09-01 11:24:11 字數 369 閱讀 4773

取值:static | absolute | fixed | relative

static : 預設值。無特殊定位 。物件遵循html定位規則。

absolute(絕對定位)  : 將物件從文件流中拖出(可層疊)。用left, right, top, bottom等屬性相對於其最接近的乙個最有定位設定的父物件進行絕對定位。如果不存在這樣的父物件,則依照body物件絕對定位。

fixed(固定定位,一種特殊的絕對定位) :相對於瀏覽器視窗。可以根據left, right, top, bottom等屬性進行定位。遵從絕對定位方式。

relative(相對定位) : 物件不層疊。可以根據left, right, top, bottom等屬性在正常文件流中進行定位。

css的定位(Position 布局

當乙個元素具有position absolute屬性時,它的位置由下列規則確定 1 如果該元素沒有trbl,以父元素 直接父元素 中在其之前的元素逐一定位後,緊跟最後乙個元素定位,若之前沒有其他元素,則以父元素的左上角定位。沒有直接父元素時,以其之前的元素逐一定位後,緊跟最後乙個元素定位。2 如果設...

position(定位)布局

屬性值 說明static 預設值。沒有定位,元素按照標準文件流布局 inherit 繼承父元素的position值 relative 相對定位,盒子的位置以標準文件流的排版方式為基準,然後相對於它原本的標準位置偏移,相對定位的盒子仍然在標準流中。absolute 絕對定位,盒子的位置以它最靠近的已經...

position定位布局

值 static 預設值,沒有定位,可以取消繼承的定位屬性 relative 相對定位,相對於元素自身在文件流的位置定位,不脫離標準流 absolute 絕對定位,相對於最近的乙個定位了的父元素,脫離標準流,不再佔據位置 fixed 固定定位,相對於瀏覽器視窗進行定位,脫離標準流,不再佔據位置 st...