在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，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/zhishi/a/167770906197957.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：positionrelative.doc
本文 PDF 下载地址：positionrelative.pdf
| 留言与评论（共有 0 条评论） |
