关于绝对定位与相对定位的区别和用法

Hello大家好，我们这次来详细说下关于绝对定位以及相对定位的知识。

1. 相对定位及其用法
   顾名思义相对定位的意思是相对于该控件相对于之前的位置进行偏。相对定位的css样式代码是这样的：position:relative;前面的单词代表了相对定位的属性，后面的单词代表了相对定位的属性值。倘若我们不设置定位类型，那么它的默认值是这样的：position:static;下面我们来举个例子：

css部分：

 .d1{
   
            height: 300;
            width: 300px;
            padding: 50px;
            border: 1px solid black;
            
        }

html部分：

<div class="d1