国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

通過設置CSS中的position屬性來固定層的位置

2024-07-11 09:06:50
字體:
來源:轉載
供稿:網友
position 屬性規(guī)定元素的定位類型,這個屬性定義建立元素布局所用的定位機制,本文給大家介紹通過設置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"。

可能的值

TIY 實例

 

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

 

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

下面給大家介紹CSS中的Position屬性

CSS的Position很重要,有以下幾個值:static,relative,absolute,fixed。

Static:靜態(tài)定位。如果你沒有設置position屬性,那么缺省就是static。top,left,bottom,right等屬性,在static的情況下是無效的,要使用這些屬性,必須把position設置為其他三個值之一。

Relative:相對定位。元素將按照靜態(tài)定位時的位置進行調整,在靜態(tài)定位中分配給元素的空間仍然會分配給它,它兩邊的元素不會向它靠近來填充那個空間,但它們也不會從元素的新位置被擠走。

Absolute:絕對定位。元素將按照包含它的元素的位置進行調整,比如它嵌套在另一個絕對定位的元素中,那么就相對于那個元素定位。

Fixed:固定定位。元素將被設置在瀏覽器上一個固定位置上,不會隨其他元素滾動。形象點說,上下拉動滾動條的時候,fixed的元素在屏幕上的位置不變。需要注意的是IE6并不支持此屬性。

注意:很多網頁都是居中的,這樣,當對元素進行絕對定位的時候,在不同的分辨率下顯示會有偏差,這時,我們可以通過類似下面的方法來處理:

<div style="position: relative;"><div style="position: absolute; top: 10px; left: 10px;"></div></div>


注:相關教程知識閱讀請移步到CSS教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 共和县| 平遥县| 观塘区| 南丹县| 和平县| 清徐县| 莱州市| 万山特区| 扎鲁特旗| 朝阳区| 健康| 临高县| 宜宾市| 格尔木市| 安仁县| 什邡市| 共和县| 大余县| 武平县| 武威市| 宣威市| 汉沽区| 合山市| 昌黎县| 宜州市| 凭祥市| 文昌市| 荥经县| 且末县| 碌曲县| 库尔勒市| 深水埗区| 丹东市| 威宁| 尼勒克县| 济南市| 郴州市| 垫江县| 扶风县| 博客| 盘锦市|