首頁  >  文章  >  web前端  >  css中position的定位有哪些

css中position的定位有哪些

王林
王林原創
2020-11-20 09:20:422436瀏覽

css中position的定位有:1、static;2、fixed;3、relative;4、absolute。 static相當於沒有定位,relative產生相對定位的元素。

css中position的定位有哪些

css中的position有4種取值,分別是static、fixed、relative、absolute。

(學習影片教學:css影片教學

詳細介紹:

  • static:相當於沒有定位,元素會出現在正常的文檔流程中。

  • fixed:元素框的表現類似absolute,但是fixed是相對於視窗本身,也就是瀏覽器視窗而定位的。所以,採用該定位的元素在頁面下拉的時候,其位置並不會改變。

  • relative:產生相對定位的元素,相對於元素本身的位置進行定位,它原本所佔的空間仍然會保留。

  • absolute:產生絕對定位的元素,相對於static定位以外的第一個有定位的祖先元素進行定位。由於static定位相當於沒有定位,所以absolute定位其實就是相對於有定位的第一個祖先元素定位,如果所有的祖先元素都沒有定位,則相對於初始包含區塊或畫布,一般就是body元素定位。

相關推薦:CSS教學

以上是css中position的定位有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn