relative 定位属性的特性top-bottom left-right 每个对立的属性只能有一个起效
relative的应用: 拖动.
margin 和relative 定位的区别 margin会影响后继元素的布局 而relative不会.
margin-top负值下面的元素会跟随其后也向上负几px,top负值下面的元素原位不动(无侵入特性,适用于自定义拖拽)
left和top相对于right和bottom优先级较高
relative的无侵入定位可以用来自定义拖拽
relative的left和top定位是相对于自身的
2、relative定位的两大特性:
1)相对自身:relative设置top、left的值,其相对的是relative自身的左上角的距离

2)无侵入:relative定位后,其原始位置空间不会被后面的元素所占据


3)当同时设置top和bottom \ left和right时,absolute会拉伸,relative会斗争,对于relative而言top、left会战胜bottom、right,所以会以top、left为准
relative 设置top和bottom

absolute 相对边界
relative 相对自身