CSS中相对定位和绝对定位的用法和区别

CSS中相对定位和绝对定位的用法和区别

CSS中的position属性可以设置元素的定位类型，比如fixed，relative，absolute等等，relative相对定位和absolute绝对定位的区别容易搞混，这篇博客就和大家讲讲什么是绝对定位，什么是相对定位，以及相对定位和绝对定位的区别。

一、相对定位

相对定位是指，该元素相对自己原来位置，偏移一定距离，元素可以通过顶部top，底部bottom，左侧left和右侧right属性来设置定位。

设置代码定位代码如下：
效果如下：

现在给第一个p标签设置相对定位，让他相对于自己原来的位置上偏移50px，左边偏移50px，具体代码如下：

.p1{
   width: 100px;