css里面position:relative与position:absolute区别
作者&投稿：佴盼 （若有异议请与网页底部的电邮联系）
CSS中position:relative与position:absolute的主要区别
区别概述：
1. 相对位置与绝对位置的区别：在CSS中，`position:relative`和`position:absolute`的主要区别在于元素的定位方式。`relative`是相对于元素原来的位置进行定位，而`absolute`则是相对于最近的已定位的祖先元素进行定位。若无已定位的祖先元素，则相对于初始包含块。
详细解释：
position:relative
* 当一个元素的position属性设置为relative时，它会相对于其正常位置进行偏移。
* 即使元素被移动或偏移，它仍然保持在文档流中的位置，并占据其原始空间。
* 其他元素会围绕这个相对定位的元素进行排列。
position:absolute
* 绝对定位元素的位置相对于最近的已定位祖先元素。如果不存在已定位的祖先元素，那么它的位置则相对于初始包含块。
* 该元素的位置通过相对于最近的定位祖先元素的偏移量来指定，或者相对于包含块的偏移量。
* 绝对定位的元素脱离文档流，不占据文档空间，其他元素会填补其位置。这意味着它们不会为绝对定位的元素预留空间。
总结：
相对定位允许元素相对于其原始位置移动并保持占据空间，而绝对定位则是相对于某个特定位置的移动并且脱离文档流，不占据文档空间。选择使用哪一种取决于具体的设计需求和布局场景。
帛绿必洛： padding是内边距,例:.demo{padding:10px},这句会在所有使用demo这个类的元素的上、右、下、左分别添加一个10像素的内边距.position是用来设置元素位置的,如:position:relative,这个的意思是将元素的位置设置为相对.另外还有position:absolute,用来绝对定位元素.例如:.demo{position:absolute;top:10px;right:10px},这句会让使用demo这个类的元素进行绝对定位,让这个元素离上边10像素,离右边10px,也就是会把元素定位在右上角的位置上.
上犹县13357419053： 在CSS中position: relative是什么意思?？
帛绿必洛： position relative在IE下处理长文本的问题 格式是: <div style=＂position: relative＂> 大段的汉字,大约超过正常 IE 浏览器一屏半左右,无样式正常大小字号大约是2500汉字. </div>
上犹县13357419053： CSS里面position:relative与position:absolute 区别 - ？
帛绿必洛： position:absolute这个是绝对定位; 是相对于浏览器的定位. 比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置. position:relative是相对定位,是相对于前面的容器定位的.这个时...
上犹县13357419053： css代码中position的定位relative absolute static不知道怎么用,搞不懂到底什么意思,到底会有什么效果 - ？
帛绿必洛： 用Div+CSS进行网站布局时,做一些浮动层等特殊特殊效果时要考虑到定位问题.这就要用到Position属性等.Position属性有四个值:static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对...
上犹县13357419053： div标签里面的相对绝对position属性怎么设置? - ？
帛绿必洛： 1、div标签里面的相对绝对position属性有四个可选值,它们分别是:static、absolute、fixed、relative. 2、具体设置方法如下: 1)DIV布局属性之position:static,无定位. 该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别...
上犹县13357419053： css中position定位的是什么意思?？
帛绿必洛： position:absolute 绝对定位,根据上层相对定位来绝对定位,也可按窗口左上标来绝对定位. position:relative 相对定位
上犹县13357419053： CSS中的position:relative是相对于父级元素还是相对于同一级元素?？
帛绿必洛： position=relative 就是说声明一个固定的位,并不是说相对于上一个div的左上角还是左下角,想要相对于上一个div的左上角还是左下角,就得这样写<div position=relative left=200 top=200>
上犹县13357419053： CSS中,position: relative是DIV中的默认属性吗? - ？
帛绿必洛： <p>默认值是static. </p> <p>--------------------------------------------------------------------------------------------------------------------- </p> <p>通过使用 position 属性,我们可以选择 4 种不同类型的定位,这会影响元素框生成的方式.</p> <p> </p> <p>position 属性...
上犹县13357419053： CSS里面position:absolute与position:relative 区别 - ？
帛绿必洛： absolute指绝对位置,就是说设定后该控件是固定在页面的某处,不会因其他控件的大小变化而影响到其分布位置的改变. position指一般位置,就是说设定后该控件在无其他控件的影响下,其位置位于你设定的地方.如果其他控件的大小占用了你设定的位置,那么原先就会让出位置啦. relative指相对位置,就是相对来说的,比如控件与控件之间的相对位置,控件与面页的相对位置,打个比方,控件A和控件B是相对位置,那么当控件A的位置发生改变时,控件B 也跟着改变.
上犹县13357419053： CSS中position:relative的问题 - ？
帛绿必洛： 相对定位是说相对自身原来所在的位置,如果没有设置left或top或margin,它就是在原位置,如果设置了,就相对原位置进行偏移,比如设置left为10px,就相对原来位置往右10px单位,另外子元素的定位是相对该元素的位置的,子元素会一直往祖先元素找,如果祖先元素有设置定位,就会参考该祖先元素去定位,如果没有,就找到根元素HTML或body进行定位.
