relative相对定位
把其父元素看作一个盒子的话，它默认会被放在盒子的左上角，相当于块级元素，默认情况宽度为父元素宽度。它的父元素是指设置position属性辈分最低的长辈元素。如果没有设置position的元素，它便相对body元素放置。
<div class='box1' style='position:relative;'>
<div class='box2'>
<div class='box3' style='position:relative;'></div> //box3相对于box1放置
</div>
</div>
relative只能设置left和top，设置right和bottom无效
absolute绝对定位
绝对定位的元素的父元素和相对定位的一样，但绝对定位的元素相当于行级元素，宽度根据内容定，注意有一点小区别，可以设置宽高，相当于inline-block。
absolute可以设置left，right，top,bottom,并且可以同时设置，宽高会自动计算出来。
relative相对定位把其父元素看作一个盒子的话，它默认会被放在盒子的左上角，相当于块级元素，默认情况宽度为父元...
absolute、relative与浮动float三者的区别 relative相对定位 将定位元素不偏离正常文档流...
re:相对于元素本身定位ab:完全离开文档流,相对于父元素（或者祖父元素）来定位fixed:即完全离开文档流，相关...
1、文档流不同 relative 不脱离文档流，absolute 脱离文档流。 2、分级不同 relative 参...
Position定位：relative | absolute 定位一直是 WEB标准应用中的难点，如果理不清楚...
Position属性四个值：static、fixed、absolute和relative的区别和用法[https:...
position：absolute； //这个是必须的，top和left才能起作用top: 10px; //距离...
背景 之前我在写css时，看了些博客，以及同事的写的css代码。发现了一个有点奇怪的东西，有的标签的css代码中有...
水平居中 垂直居中 水平垂直居中1、relative+absolute 2、relative+absolute+c...
整理后删除# 目录position有几种，absolute和relative的区别display的几个属性，及其区...
本文标题：relative与absolute的区别
本文链接：https://www.haomeiwen.com/subject/zhkafqtx.html
网友评论