html元素定位原理

<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相对定位

相对的是挨着的元素来定位的