本篇內容主要講解“怎么使用CSS定位divposition屬性”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么使用CSS定位divposition屬性”吧!

成都創新互聯是專業的金川網站建設公司，金川接單;提供網站設計制作、成都網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行金川網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

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屬性”有了更深的了解，不妨來實際操作一番吧！這里是創新互聯建站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！

當前文章：怎么使用CSS定位divposition屬性-創新互聯
文章鏈接：http://www.yijiale78.com/article16/cdpcgg.html

成都網站建設公司_創新互聯，為您提供做網站、面包屑導航、網站制作、網頁設計公司、網站設計公司、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯