TShopping

 找回密碼
 註冊
搜索
查看: 267|回復: 3

[教學] CSS position 屬性

[複製鏈接]
發表於 2014-12-8 09:27:08 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
實例

定位h2 元素:

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

親自試一試


瀏覽器支持
IE
Firefox
Chrome
Safari
Opera

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

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


定義和用法

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

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



 

臉書網友討論
發表於 2015-3-31 16:10:59 | 顯示全部樓層


  不敢相信哦

版主招募中

發表於 2015-7-8 07:54:11 | 顯示全部樓層
大家看怎么样 我认为很好.












大明地师


發表於 2016-4-14 13:28:27 | 顯示全部樓層
客服壹号服务不错 赞一个!!!


您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-3 12:04 , Processed in 0.060747 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表