position定位屬性

2021-07-04 21:21:29 字數 661 閱讀 4759



position定位屬性設定值:absolute(絕對定位 脫離原普通流 依據父級 祖先級元素的位置進行定位 如果沒有父級元素,則參照body進行定位)

relative(相對定位:相對於原位置的定位,仍然佔據原先普通流的位置)

static:元素框正常生成。塊級元素生成乙個矩形框,作為文件流的一部分,行內元素則會建立乙個或多個行框,置於父元素中

relative:元素框偏移某個距離,元素仍保持其未定位前的形狀,它原本所佔的空間仍保留 通知設定水平或垂直位置,讓這個元素「相對於」它的起點進行移動

absolute:元素框從文件流完全刪除,並相對於其包含塊定位。包含塊可能是文件中的另乙個元素或者是初始包含塊。

元素原先在正常文件流中所佔的空間會關閉,就好像元素原先不存在一樣。元素定位後生成乙個塊級框,而不論原來它在正常流中生成何種型別的框

絕對定位使元素的位置與文件流無關,因此不佔據空間

定位:top right bottom left 距離父框上 右 底 左邊的畫素值

fixed:元素的表現類似於將position設定為absolute,不過其包含塊是視窗本身。一般用作浮動廣告

相對定位實際上被看做普通流定位模型的一部分,因為元素的位置相對於它在普通流中的位置

z軸索引值(層級順序):z-index(z值越大,位置越靠近上面)

position屬性定位

1 html中有三種布局方式 標準流 順序布局 浮動 定位 層模型 position 塊級元素單獨佔一行從上到下排列,行內元素共享一行 position改變元素正常的標準流,以非正常的方式脫離標準流 需要有left right top bottom設定值,否則仍然是處於標準的文件流中的 後寫的元素會...

定位 position屬性

一.定位 position屬性 1.static 預設值 沒有定位 以標準文件流方式顯示 2.relative 相對定位 相對自身原來的位置進行偏移 top left right bottom 3.absolute 絕對定位 4.fixed 固定定位 二.相對定位元素的規律 1.設定相對定位的盒子會...

CSS 定位position屬性

div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容,即 塊框 與之相反,span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中,即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block,可以讓行內元素...