position屬性就是用來規定元素的定位類型,即把元素放置到一個靜態的、相對的、絕對的、或固定的位置中。因此在position屬性中它有四個屬性值分別為:static、relative、absolute、fixed。接下來在文章中將具體介紹這四個屬性值的用法及特點。
static屬性值
static屬性表示默認值,即沒有定位,元素出現在正常的流中。忽略了top,bottom,left,right或者z-index聲明
<style>
p{
width:100px;
height:100px;
border:10pxsolid#ccc;
}
p.static{
position:static;
border:10pxsolidpink;
}
</style>
</head>
<body>
<p></p>
<pclass="static">使用了position:static;</p>
</body>
效果圖:
relative屬性值
表示相對定位的元素,可以通過top,bottom,left,right的設置相對于其正常(原先本身)位置進行定位。它是默認參照父級的原始點為原始點來定位的,若無父元素則按照上一個元素的底部為原始點進行定位。
1、相對定位不會影響元素本身特性
2、不會使元素脫離文檔流(元素原本位置會被保留)
3、沒有定位偏移量時對元素無影響
4、提升層級,可以使用z-index來改變一個定位元素的層級關系,從而改變元素的覆蓋關系,值越大越在上面
p{
width:200px;
height:200px;
background-color:pink;
}
p.relative{
position:relative;
background-color:lightblue;
left:45px;
}
</style>
</head>
<body>
<p>父元素
<pclass="relative">子元素</p>
</p>
</body>
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
visa卡號安全碼是什么?信用卡安全碼的作用以及使用范圍...VISA卡的安全代碼稱為CVV2，打印在信用卡背面簽名欄中卡號后的4位數字上，它有3位數字。信用卡安全碼是信用卡在進行網絡或電話交易時的安全碼。它通常是打印在信用卡上的3或4位數。不同類型的卡有不同的印刷位置。它通常用于證明付款人在交易時擁有信用卡，以防止信用卡欺詐。生成這組數字后，只有發行銀行和銀行卡的持有者知道這些數字是什么。信用卡...
ABS融資是什么意思?abs融資它是由各企業的貸款協議或者應收賬款作為擔?；A發行進行融資的一種方式，簡單來說就是把缺乏流動性、但具有可預期收入的資產，通過在資本市場上發行證券的方式出售以獲取資金，提高資產的流動性。abs融資是通過在國際市場發行債券籌集資金的，債券利率一般相對較低，降低了企業籌資成本。abs是直接融資還是間接融資?ABS是指將資產通過資本市場上發行證券的方式出售，以獲取融資，是一...
韓國單身稅要收多少錢?單身稅是一種特殊稅。隨著世界上適婚單身人口的不斷增長，世界上許多人都提議對這些適婚單身人士征收所謂的“單身稅”?，F代意義上的單身稅一般不是指設立單獨的稅目，而是指由于未婚原因，個人在納稅時無法享受到一些稅收減免政策，“實際”需要繳納比有配偶者更多的個人所得稅。最近，韓國政府推出的稅制改革計劃旨在有效解決韓國的低生育率和老齡化問題...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
