fixed,absolute,relative区别

<div id="parent">
     <div id="sub1">sub1</id>
     <div id="sub2">sub2</id>
</div>

1.fixed :fixed总是以body为定位对象的,按照浏览器的窗口进行定位。

2.absolute:

	1.当sub1的父对象parent也设置了position属性**,且position的属性值为**absolute或者relative**时,也就是说,不是默认值的情况,此时sub1按照这个parent来进行定位。

	2.如果sub1不存在一个有着position属性的父对象**,那么那就**会以body为定位对象,按照浏览器的窗口进行定位

3.relative:相对于本身的位置进行偏移,

猜你喜欢

转载自blog.csdn.net/qq_38368356/article/details/84541025