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方式。這樣做的目的是為了確保所...