position的relative 和 absolute 的区别个人见解

　　

position：relative是相对原来的位置相对移动，absolute 是相对于父元素的位子移动，这里面我个人对position：relative不是很熟悉所以只是截了这个图，有什么说得不对请指正

 要注意如果把postion：设置为absolute的话，元素就会变为inline-block，这个是我之前给<i></i>标签设置的时候发现的，如下图

去掉display：inline-block后

 

没有任何变化，如果是display：inline-block影响的话应该去掉后会变回display：inline的样式

看下面再一次证明了

有人会说是displa：relative影响的，那就用下面这个来证明

这是我实验出来的，如有错误欢迎指出，谢谢