CSS position 的具體說明

2021-06-21 22:17:33 字數 522 閱讀 4345

利用css的position屬性對元素定位,以下是position 屬性規定元素的定位型別。

absolute

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

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

fixed

生成絕對定位的元素,相對於瀏覽器視窗進行定位。

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

relative

生成相對定位的元素,相對於其正常位置進行定位。

因此,"left:20" 會向元素的 left 位置新增 20 畫素。

static

預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 宣告)。

inherit

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

CSS Position屬性的學習

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

css position 可能的值

1 absolute 絕對定位,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。2 fixed 絕對定位,相對於瀏覽器視窗進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。3...

css position和float的使用方法

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