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相对定位
相对的是挨着的元素来定位的
<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相对定位
相对的是挨着的元素来定位的