- 1PS提示：因?yàn)閳D層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費(fèi)分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時(shí)間不準(zhǔn)確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 9ipad版office如何激活? office365激活的圖文說明教程
- 10最新的Adobe Illustrator CS4序列號大全
- 11Mac怎么通過設(shè)置VPN來登錄youtube等國外網(wǎng)站
- 12qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> 對于html中position的幾種屬性值的詳細(xì)說明
對于html中position的幾種屬性值的詳細(xì)說明
發(fā)表時(shí)間：2024-01-01 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]position的幾種屬性值：static, relative, absolute, fixed, inherit<html ><head><meta http-equiv="content-type" content="text/htm...
position的幾種屬性值：static, relative, absolute, fixed, inherit
<html ><head><meta http-equiv="content-type" content="text/html" charset="gb2312"><style> *{margin:0;padding:0} </style> </head> <body>
<p style="position:absolute;height:400px;width:400px;background:yellow;left:80px;top:80px;">
<p style="position:absolute;height:200px;width:200px;background:red;left:100px;top:80px;"></p>
<p style="position:relative;height:200px;width:200px;background:blue;left:186px;top:186px;"></p>
<p style="position:fixed;height:140px;width:140px;background:black;left:20px;top:20px;"></p>
</p>
<p style="position:static;height:140px;width:140px;background:brown;left:220px;top:220px;"></p></body> </html>效果截圖 
紫色(brown)的是static的，所以它的left和top沒有起作用，一直跑到最上面去了
黑色（black）的是fixed的，所以它直接以瀏覽器窗口開始計(jì)算left和top的值
紅色(red)和藍(lán)色(blue)分別是absolute和relative他們都是從父對象開始計(jì)算left和top的值，只是因?yàn)橛幸粋�(gè)是absolute所以產(chǎn)生了重疊效果，沒有被另外一個(gè)擠走。
inherit是繼承的意思，也就是使用和上一級父元素同樣的width。其他的規(guī)則也是如此，inherit就表示繼承父元素的值。
同時(shí)我也明白了另外一個(gè)道理，因?yàn)槟J(rèn)的類型都是static，所以當(dāng)我們的頁面長度等定位的不合理時(shí)一個(gè)會把一個(gè)擠走。
以上就是關(guān)于html中position的幾種屬性值的詳解的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：對于html中position的幾種屬性值的詳細(xì)說明
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1iphone6s圖片及價(jià)格 蘋果iphone6s真機(jī)圖/報(bào)價(jià)
- 2iphone6s什么時(shí)候上市？蘋果iphone6s上市時(shí)間
- 3ios8.1降級ios7.1.2圖文說明教程 ios8.1降級7.1.2步驟
- 4iphone6日版為什么停售？蘋果6日版停售因素
- 5iphone6日版為什么廉價(jià)？蘋果6日版最廉價(jià)因素
- 6ios8.1.2 bug有哪一些？蘋果ios8.1.2bug總結(jié)
- 7ios8.1.2越獄工具下載地址(附ios8.1.2圓滿越獄圖文說明教程)
- 8ios8.1.2更新了什么？蘋果ios8.1.2更新內(nèi)容
- 9ios8.1.2圓滿越獄圖文說明教程 ios8.1.2越獄步驟
- 10ios8.1.2降級圖文說明教程 ios8.1.2如何降級步驟
- 11ios8.1.2固件下載地址：蘋果ios8.1.2固件官方版下載
- 12ios8.1.2如何？蘋果ios8.1.2使用評測
- 1angularJS的ng-bind-html指令詳細(xì)說明
- 2搜狐視頻下載影片的方法
- 3騰訊視頻會員共享賬號（共享日期：2016年11月7日）
- 4WEB的接口管理工具
- 5刀塔傳奇app下架后如何下載 刀塔傳奇手游ios/安卓最新下載地址_綠茶安卓網(wǎng)
- 6熊貓TV什么時(shí)候正式上線？
- 7html中對于charset的語言編碼詳細(xì)說明
- 8AE提示已檢測到插件Element有多個(gè)副本在驅(qū)動器如何辦？
- 9AE時(shí)間線長度不夠的處理方法
- 10唱吧申請認(rèn)證方法
- 11AE將字幕旋轉(zhuǎn)方向的圖文說明教程
- 12Adobe After Effects將圖片或視頻旋轉(zhuǎn)方向的方法
相關(guān)文章
- 用C語言編寫Windows服務(wù)程序的5個(gè)步驟
- 像Asp一樣簡單分頁顯示數(shù)據(jù)(C#)
- asp性能測試第二局部（轉(zhuǎn)）（8）
- 一起提取多條新聞中的文本一例
- MASM-打字練習(xí)程序
- 用C#下的Raw Socket編程完成網(wǎng)絡(luò)封包監(jiān)視
- Char/Binary與Varchar/VarBinary的最大長度
- MASM-2個(gè)16位二進(jìn)制數(shù)減法模擬
- html中<script>應(yīng)該擺放在那個(gè)位置？
- html模板中對于<script>標(biāo)簽的使用詳細(xì)說明
- 28條改善 ASP 性能與外觀的技巧(1-7)
- ASP.NET結(jié)合COM組件發(fā)送Email
