CSS中相对定位和绝对定位的用法和区别
CSS中的position属性可以设置元素的定位类型,比如fixed,relative,absolute等等,relative相对定位和absolute绝对定位的区别容易搞混,这篇博客就和大家讲讲什么是绝对定位,什么是相对定位,以及相对定位和绝对定位的区别。
一、相对定位
相对定位是指,该元素相对自己原来位置,偏移一定距离,元素可以通过顶部top,底部bottom,左侧left和右侧right属性来设置定位。
设置代码定位代码如下:
效果如下:
现在给第一个p标签设置相对定位,让他相对于自己原来的位置上偏移50px,左边偏移50px,具体代码如下:
.p1{
width: 100px;