HTML中position的五種屬性


一、默認定位static: 
position的默認值,一般不設置position屬性時,會按照正常的文檔流進行排列。

二、相對定位relative: 
1、relative 就是相對元素static定位時的位置進行偏移,如果不指定top,right,bottom,left的值,其位置是沒有變化的。 
2、即使進行了偏移,其占據的位置是不變的。(就是所說的不脫離文檔流) 

三、固定定位absolute:

  • 固定定位是相對離它最近帶有定位(relative,absolute,fixed)的父元素(或祖先元素 )而偏移的,如果沒有則是相對於整個文檔
  • 脫離文檔流
  • 使內聯元素支持寬高

四、固定定位fixed:

fixed是特殊的absolute,即fixed總是以body為定位對象的,按照瀏覽器的窗口進行定位。

五、繼承定位inherit : 
inherit呢, 就是從父元素繼承 position 屬性的值。


免責聲明!

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



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