关于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小时内删除。
发表评论