html元素定位原理

标签：margin   htm   相对   高度   html元素   像素   ati   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相对定位

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

html元素定位原理

标签：margin   htm   相对   高度   html元素   像素   ati   relative   距离   

原文地址：https://www.cnblogs.com/longsanshi/p/12098473.html