css中的position定位詳解

2021-06-16 14:49:09 字數 426 閱讀 5671

position可以取四個值:static、relative、absolute、fixed。

static是盒子的預設的定位方式,即標準流方式。

relative:它的定位基準是該盒子的標準流定位,即相對於標準流定位再進行偏移。如果某個盒子採用這個定位了,則它不會影響其父盒子的定位、對它後面的兄弟盒子而言,兄弟盒子則認為它任然在標準流定位的的地方,即認為它沒有進行偏移。

absolute:它的定位基準是該盒子的最近已經定位的祖先盒子(意思是該祖先盒子的position屬性的值不是static而是relative、absolutel、fixed其中乙個)。如果它的祖先盒子都沒有改變position屬性值(即都是採用預設值static)則它的定位基準是瀏覽器的螢幕。它對後面的兄弟盒子而言,兄弟盒子當它不存在了。在它的幾個偏移值中,如果有沒有進行設定的(即為零的)則保持它的標準流中的位置值。

css中的定位(position)

w3c中對position各個 屬性值定義 static 元素框正常生成。塊級元素生成乙個矩形框,作為文件流的一部分,行內元素則會建立乙個或多個行框,置於其父元素中。relative 元素框偏移某個距離。元素仍保持其未定位前的形狀,它原本所佔的空間仍保留。absolute 元素框從文件流完全刪除,並...

css中的position定位

今天給大家分享一下,深度思考中的知識點 position定位有哪幾種?各有什麼特點?position是css中非常重要的乙個屬性,通過position屬性,我們可以讓元素相對於其正常位置,父元素或者瀏覽器視窗進行偏移。position概念 css的很多其他屬性大多容易理解,比如字型,文字,背景等。有...

關於css中的position定位

通常會提到的position有幾種 position static 就是標準流定位,是預設設定 position relative 是相對定位,這個相對是相對於標準流的,所以顯然元素不會脫離標準流。position absolute 是絕對定位,元素脫離標準流並且參照父元素進行定位。position...