关于position的relative和absolute分别是相对于谁进⾏定位的
position:absolute; 他的意思是绝对定位，他是参照浏览器的左上⾓，配合TOP、RIGHT、BOTTOM、LEFT(下⾯简称TRBL)进⾏定位，在没有设定TRBL，默认依据⽗级的做标原始点为原始点。如果设定TRBL并且⽗级没有设定position属性，那么当前的absolute则以浏览器左上⾓为原始点进⾏定位，位置将由TRBL决定。
Relative，CSS中的写法是：position:relative;  他的意思是绝对相对定位，他是参照⽗级的原始点为原始点，⽆⽗级则以BODY的原始点为原始点，配合TRBL进⾏定位，当⽗级内有padding等CSS属性时，当前级的原始点则参照⽗级内容区的原始点进⾏定位。
absolute relativerelative没有跳出⽂本流，定位是相对于⽗级和兄弟节点。absolute跳出⽂本流，是相对于⽗级且带有定位，如果⽗级没有定位属性，那么就会往上⼀级再是否带定位，到顶级之后如果还没有定位，就以body定位。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。