定位屬性: position
作用:規(guī)定html元素的定位類型
值 | 說明 | 參照對象 |
---|---|---|
static | (默認(rèn)值)靜態(tài)定位 | 無定位,html元素出現(xiàn)在默認(rèn)文檔流中拼苍,是默認(rèn)的定位方式 |
absolute | 絕對定位 | 相對于非static的第一個父元素進(jìn)行定位 |
relative | 相對定位 | 相對于自身在默認(rèn)文檔流中的正常位置進(jìn)行定位 |
fixed | 絕對定位 | 相對于瀏覽器窗口進(jìn)行定位(即使窗口滾動也不會動) |
相關(guān)屬性:
當(dāng)html元素(標(biāo)簽)被設(shè)置成定位層(非static)之后「模可以激活定位相關(guān)的屬性設(shè)置酒奶。
屬性 | 說明 |
---|---|
top | 規(guī)定元素的上邊界與參考對象之間的距離偏移 |
right | 規(guī)定元素的右邊界與參考對象之間的距離偏移 |
bottom | 規(guī)定元素的下邊界與參考對象之間的距離偏移 |
left | 規(guī)定元素的左邊界與參考對象之間的距離偏移 |
- 這四個定位屬性均可以使用負(fù)值。同方向有沖突時屑埋,以top豪筝、left優(yōu)先。
屬 性 | 說明 |
---|---|
z-index | 規(guī)定定位元素的堆疊順序摘能,擁有更高順序的元素總會處于較低順序的元素的前面 |
- z-index的值是指定順序關(guān)系续崖,因此是number數(shù)字形式,沒有單位团搞。
- z-index的值允許設(shè)置位負(fù)值严望。當(dāng)設(shè)置為負(fù)值時定位層處于默認(rèn)文檔流下方會被覆蓋。