css中position的定位有:1、static;2、fixed;3、relative;4、absolute。 static相當於沒有定位,relative產生相對定位的元素。
css中的position有4種取值,分別是static、fixed、relative、absolute。
(學習影片教學:css影片教學)
詳細介紹:
static:相當於沒有定位,元素會出現在正常的文檔流程中。
fixed:元素框的表現類似absolute,但是fixed是相對於視窗本身,也就是瀏覽器視窗而定位的。所以,採用該定位的元素在頁面下拉的時候,其位置並不會改變。
relative:產生相對定位的元素,相對於元素本身的位置進行定位,它原本所佔的空間仍然會保留。
absolute:產生絕對定位的元素,相對於static定位以外的第一個有定位的祖先元素進行定位。由於static定位相當於沒有定位,所以absolute定位其實就是相對於有定位的第一個祖先元素定位,如果所有的祖先元素都沒有定位,則相對於初始包含區塊或畫布,一般就是body元素定位。
相關推薦:CSS教學
以上是css中position的定位有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!