CSS定位方式有哪些?position屬性的值有哪些?他們之間的區別是什么?


在CSS中關於定位的內容是:position:relative | absolute | static | fixed • static 自動定位,自動定位就是元素在頁 面普通文檔流中由HTML自動定位,普通文檔里中的元素也稱為流動元素。不能通過z-index進行層次分級。

• relative 相對定位,相對定位不脫離文檔流,參考其在原來文檔流中的位置,通過 top,bottom,left,right 定位,並 且可以通過z-index進行層次分級。

• absolute 絕對定位,絕對定位脫離文檔流,依據最近的已經定位(絕對、相對或固定定位)的父元素,通過 top,bottom,left,right 定位。當父級 position 為 static 時,absolute元素將依據body根元素(瀏覽器窗口)進行定 位,可以通過z-index進行層次分級。

• fixed 固定定位,固定定位與父元素無關(無論父元素是否定位),直接根據瀏覽器窗口定位,且不隨滾動條拖動 頁面而滾動,可通過z-index進行層次分級。


免責聲明!

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



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