相对定位、绝对定位、固定定位(position)
一、定位的元素属性
1、偏移
-
top:顶部偏移量,定义元素先对于父元素上边线的距离
-
bottom:底部偏移量,定义元素先对于父元素下边线的距离
-
left:左部偏移量,定义元素先对于父元素左边线的距离
-
right:右部偏移量,定义元素先对于父元素右边线的距离
2、定位模式
position属性的常用值
(1) static:自动定位(默认定位方式)唯一的用处就是用来取消定位。
(2) relative:相对定位,相对元素本身的位置进行定位,相对定位不脱离自己原来的文档流,移动的位置是以自己左上角为基点来移动的
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8bb9a193da563af90d97799d6597ab75.png)
(相对定位CSS)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/85c56731e33c0c21339eb3c969fea355.png)
(相对定位效果