欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS position 屬性

定義和用法

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

說明

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

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

實例

定位 h2 元素:

h2
  {
  position:absolute;
  left:100px;
  top:150px;
  }

TIY

瀏覽器支持

所有主流瀏覽器都支持 position 屬性。

注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

可能的值

描述
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 屬性的值。

TIY 實例

定位:相對定位
本例演示如何相對于一個元素的正常位置來對其定位。
定位:絕對定位
本例演示如何使用絕對值來對元素進行定位。
定位:固定定位
本例演示如何相對于瀏覽器窗口來對元素進行定位。
設置元素的形狀
本例演示如何設置元素的形狀。此元素被剪裁到這個形狀內(nèi),并顯示出來。
Z-index
Z-index可被用于將在一個元素放置于另一元素之后。
Z-index
上面的例子中的元素已經(jīng)更改了Z-index。

相關(guān)頁面

CSS 教程:CSS 定位

HTML DOM 參考手冊:position 屬性