<div id="A">
<div id="A1"></div>
<div id="A2"></div>
</div>
1）absolute 绝对定位
A1是A的子元素，在A1中写绝对定位是相对于A来确定位置的。而且A1相对于浮起来，不占空间。margin-top:20px;是相对于A顶上的边的距离
top:20%=A的高度*20像素。同理left
2）relative相对定位
相对的是挨着的元素来定位的
原文：https://www.cnblogs.com/longsanshi/p/12098473.html