定義
position 屬性規(guī)定元素的定位類(lèi)型。
注意:這個(gè)屬性定義建立元素布局所用的定位機(jī)制。任何元素都可以定位,不過(guò)絕對(duì)或固定元素會(huì)生成一個(gè)塊級(jí)框,而不論該元素本身是什么類(lèi)型。相對(duì)定位元素會(huì)相對(duì)于它在正常流中的默認(rèn)位置偏移。
語(yǔ)法
position:static|absolute|relative|fixed|inherit;
屬性值
值 | 說(shuō)明 |
static | 默認(rèn)值。沒(méi)有定位,元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。 |
absolute | 生成絕對(duì)定位的元素,相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。元素的位置通過(guò) “l(fā)eft”, “top”, “right” 以及 “bottom” 屬性進(jìn)行規(guī)定。 |
fixed | 生成絕對(duì)定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位。元素的位置通過(guò) “l(fā)eft”, “top”, “right” 以及 “bottom” 屬性進(jìn)行規(guī)定。 |
relative | 生成相對(duì)定位的元素,相對(duì)于其正常位置進(jìn)行定位。因此,”left:20” 會(huì)向元素的 LEFT 位置添加 20 像素。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 position 屬性的值。 |
作者:??咸瑜???
本文摘自 :https://blog.51cto.com/u