CSS中position屬性解析

2021-09-02 04:54:04 字數 682 閱讀 3681

css中的position屬性有static,relative,absolute和fixed四個。他們之間的區別是什麼呢?

position屬性的預設值是static。主要是要弄清楚兩個問題:物件能不能被定位(即通過top,left,bottom,right能不能定義物件的相對偏移量),物件定位的參考點(即相對於什麼來定位)。

static(靜態)屬性,物件遵循正常文件流,不受top,left,bottom,right的影響,且沒有層疊效果(position屬性是static的或沒有position屬性的物件z-index

屬性對其無效)。

relative(相對)屬性,與static屬性類似,物件遵循正常文件流,但是可以通過top,left,bottom,right定義物件在正常文件流的偏移,層疊效果通過z-index定義。

absolute(絕對)屬性,物件脫離正常文件流,其相對於最近的position屬性不是static的父元素定位,可以通過top,left,bottom,right定義物件相對的偏移量,層疊效果通過z-index定義。

fixed(固定)屬性,物件脫離正常文件流,其相對於視窗進行定位,可以通過top,left,bottom,rigth定義物件相對的偏移量,

層疊效果通過

z-index定義。

另外,層疊效果在ie瀏覽器中與其他瀏覽器並不完全一致,需要了解的可以自己去查詢相關資料。

CSS中的Position屬性

size large size large css的position很重要,有以下幾個值 static,relative,absolute,fixed。static 靜態定位。如果你沒有設定position屬性,那麼預設就是static。top,left,bottom,right等屬性,在stati...

css中的 position屬性

當前元素是文件流,並且處於自己應該在的位置。一般我們不需要設定這一屬性,除非想要覆蓋之前設定的定位。當前元素是文件流,沒有設定top bottom left和right屬性時是在他本來的位置上,但是可以通過設定top bottom left和right屬性來對元素進行移動,元素的移動會覆蓋下面的文件...

CSS中的position屬性

在html中網頁可以看成乙個立體的空間,乙個完整的頁面是由很多個頁面堆積形成的,如下圖所示 css中position屬性有四個可選值,它們分別是 static absolute fixed relative。position static 無定位 該屬性值是所有元素定位的預設情況,在一般情況下,我們...