在CSS中position: relative是什么意思？
在CSS中，“position: relative”是設置定位類型為相對定位，它可以配合“top”、“bottom”、“left”、“right”這4個偏移量來實現相對它所屬父元素的相對定位。
position屬性規定元素的定位類型，這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。
relative屬性相對比較簡單，它是相對它所屬父元素來進行偏移的，可以通過“top”、“bottom”、“left”、“right”4個偏移屬性進行定位。
擴展資料：
position屬性的其它定位類型：
1、absolute
絕對定位，依據父元素中最近設置為relative定位類型的元素進行偏移。
2. fixed
fixed是特殊的absolute，即fixed總是以body為定位對象的，按照瀏覽器的窗口進行定位。
3. static
position的默認值，一般不設置position屬性時，會按照正常的文檔流進行排列。
參考資料來源：百度百科-position （定位元素）
誰能幫我解釋一下在html里position: relative;是什么意思？
div中position:relative的完整用法怎么用？
CSS里面position：relative與position：absolute區別
CSS 相對定位 position:relative
<!DOCTYPEhtml>
<html>
<head>
<metachart="utf-8"/>
<style>
body{
padding:0;
margin:0;
}
.pos-left{
position:relative;
left:-20px;
}
.pos-right{
position:relative;
right:20px;
}
h2{background:rgba(160,50,80,.5)}
div{
width:500px;
background:#ccc;
margin:20px;
}
</style>
</head>
<body>
<div>
<h2>Line1</h2>
<h2class="pos-left">Line2</h2>
<h2class="pos-right">Line3</h2>
</div>
</body>
</html>
這樣看你可能會明白點：
本文發布于:2023-02-28 20:56:00，感謝您對本站的認可！
本文鏈接：http://m.newhan.cn/zhishi/a/167770906197957.html
版權聲明：本站內容均來自互聯網，僅供演示用，請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系，我們將在24小時內刪除。
本文word下載地址：positionrelative.doc
本文 PDF 下載地址：positionrelative.pdf
| 留言與評論（共有 0 條評論） |
