怎么使用CSS定位divposition屬性

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

　　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ī)定應該從父元素繼承position屬性的值。

　　divpositionTIY實例

　　定位：相對定位

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

　　定位：絕對定位

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

　　定位：固定定位

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

　　設置元素的形狀

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

　　Z-index

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

　　Z-index

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

到此，相信大家對“怎么使用CSS定位divposition屬性”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！