溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么使用CSS定位divposition屬性”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么使用CSS定位divposition屬性”吧!
divposition這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。
divposition定義和用法
position屬性規定元素的定位類型。
說明
默認值： static
繼承性： no
版本： CSS2
JavaScript語法： object.style.position="absolute"
可能的值
值 描述
absolute
生成絕對定位的元素，相對于static定位以外的第一個父元素進行定位。
元素的位置通過"left","top","right"以及"bottom"屬性進行規定。
fixed
生成絕對定位的元素，相對于瀏覽器窗口進行定位。
元素的位置通過"left","top","right"以及"bottom"屬性進行規定。
relative
生成相對定位的元素，相對于其正常位置進行定位。
因此，"left:20"會向元素的LEFT位置添加20像素。
static 默認值。沒有定位，元素出現在正常的流中（忽略top,bottom,left,right或者z-index聲明）。
inherit 規定應該從父元素繼承position屬性的值。
divpositionTIY實例
定位：相對定位
本例演示如何相對于一個元素的正常位置來對其定位。
定位：絕對定位
本例演示如何使用絕對值來對元素進行定位。
定位：固定定位
本例演示如何相對于瀏覽器窗口來對元素進行定位。
設置元素的形狀
本例演示如何設置元素的形狀。此元素被剪裁到這個形狀內，并顯示出來。
Z-index
Z-index可被用于將在一個元素放置于另一元素之后。
Z-index
上面的例子中的元素已經更改了Z-index。
到此，相信大家對“怎么使用CSS定位divposition屬性”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
