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

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

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

divposition定義和用法

position屬性規(guī)定元素的定位類型。

說明

默認值： static

繼承性： no

版本： CSS2

JavaScript語法： object.style.position="absolute"

可能的值

值 描述

absolute

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

元素的位置通過"left","top","right"以及"bottom"屬性進行規(guī)定。

fixed

生成絕對定位的元素，相對于瀏覽器窗口進行定位。

元素的位置通過"left","top","right"以及"bottom"屬性進行規(guī)定。

relative

生成相對定位的元素，相對于其正常位置進行定位。

因此，"left:20"會向元素的LEFT位置添加20像素。

static 默認值。沒有定位，元素出現(xiàn)在正常的流中（忽略top,bottom,left,right或者z-index聲明）。

inherit 規(guī)定應(yīng)該從父元素繼承position屬性的值。

divpositionTIY實例

定位：相對定位

本例演示如何相對于一個元素的正常位置來對其定位。

定位：絕對定位

本例演示如何使用絕對值來對元素進行定位。

定位：固定定位

本例演示如何相對于瀏覽器窗口來對元素進行定位。

設(shè)置元素的形狀

本例演示如何設(shè)置元素的形狀。此元素被剪裁到這個形狀內(nèi)，并顯示出來。

Z-index

Z-index可被用于將在一個元素放置于另一元素之后。

Z-index

上面的例子中的元素已經(jīng)更改了Z-index。

到此，相信大家對“怎么使用CSS定位divposition屬性”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

當前文章：怎么使用CSS定位divposition屬性-創(chuàng)新互聯(lián)
文章鏈接：http://chinadenli.net/article16/cdpcgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站制作、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計公司、移動網(wǎng)站建設(shè)

廣告

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