position中的四種屬性


Position有四個屬性值,分別是static 、fixed、 relative 、absolute。

第一個屬性值是static,這是position的默認屬性,一般我們都不會用到它,所以也很少提到它,但是在特殊的情況下,它又有着不可替代的作用,比如,在媒體查詢頁面當中,正常頁面當中需要給元素加position屬性,但是在響應式頁面中不需要,這是就只能用position:static;沒有position:none;的寫法,網頁也不會識別。

第二個屬性fixed——固定定位,fixed是相對於window窗口的定位,一般在網頁中也會經常看到,例如置頂,等

第三個屬性值relative——相對定位;相對於自己本身的定位;這個定位一般是和absolute屬性值一起用;相對定位不會破壞元素的文本流,但是會改變元素的視覺效果

第四個屬性值absolute——絕對定位;相對於父級元素的定位,如果沒有父級元素時相對於窗口的定位;

需要注意的是static relative這兩個屬性值是不會破壞元素的文本屬性;但是fixed 和 abosulte則會改變元素的文本流,有float的效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM