Css之postion——定位


定義和用法

postition,用於規定元素的定位類型。

這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位,不過絕對或固定元素會生成一個塊級框,而不論該元素本身是什么類型。相對定位元素會相對於它在正常流中的默認位置偏移。

默認值: static
繼承性 no
版本: CSS2
JavaScript語法: object.style.postion="absolute"

瀏覽器支持

屬性 Chrome IE Firefox Safari Opera
postion 1.0 7.0 1.0 1.0 4.0

參數說明

描述
absolute

生成絕對定位的元素。相對於static定位以外的第一個父元素進行定位。

元素的位置通過“left”,"top","right"以及“bottom”屬性進行規定。

fixed

生成絕對定位元素,相對於瀏覽器窗口進行定位。

元素位置通過“left”,“top”,"right"以及“bottom”屬性進行規定。

relative 生成相對定位的元素,相對於其正常位置進行定位。
static 默認值。沒有定位,元素出現在正常的流中(忽略top,bottom,left,right或者z-index聲明)。
inherit 規定應該從父元素繼承postion屬性的值。

實例

實例名稱 說明
定位:相對定位 本例演示如何相對於一個元素的正常位置來對其定位。
定位:絕對定位 本例演示如何使用絕對值來對元素進行定位。
定位:固定定位 本例演示如何相對於瀏覽器窗口來對元素進行定位。
設置元素的形狀 本例演示如何設置元素的形狀。此元素被剪裁到這個形狀內,並顯示出來。
Z-index Z-index可被用於將在一個元素放置於另一元素之后。
Z-index 上面的例子中的元素已經更改了Z-index。

參考網址


免責聲明!

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



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