css position 可能的值

2021-10-05 22:45:50 字數 745 閱讀 2398

1、absolute

絕對定位,相對於 static 定位以外的第乙個父元素進行定位。

元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。

2、fixed

絕對定位,相對於瀏覽器視窗進行定位。

元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。

3、relative

相對定位,相對於其正常位置進行定位

4、static

預設值,沒有定位,元素出現在正常的流中。

忽略 top, bottom, left, right 或者 z-index 宣告。

5、inherit

規定應該從父元素繼承 position 屬性的值。

ps:z-index

僅能在定位元素上奏效(例如 position:absolute;)

1、auto

預設。堆疊順序與父元素相等。

2、number

設定元素的堆疊順序。

值越大,優先順序越高,層級越往上。

可擁有負的 z-index 屬性值。

3、inherit

規定應該從父元素繼承 z-index 屬性的值。

參考:

CSS position 的具體說明

利用css的position屬性對元素定位,以下是position 屬性規定元素的定位型別。absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。fixed 生成絕對定位的元素,相對...

CSS Position屬性的學習

position屬性真是萌新殺手t t,參照誰定位?誰又脫離了文件流?理解了好長時間才摸清了一些門路。現在就對css position屬性及html中有關定位的知識做一次梳理和總結。position static static是position屬性的預設值,代表 沒有定位 即元素出現在正常的文件流中...

css position和float的使用方法

我的使用規則大致如下 一 如果某塊使用了float進行定位,則相應的左部 或右部 也相應的使用float定位,做到統一,最後就是float的閉合了。結論 float統一使用 二 我的統一原則 1 平級盒子如有乙個使用了float的方式,則相應的平級元素也需使用float方式。這樣做的目的是為了確保所...