我知道什么是绝对的相对位置，但有些要点仍然没有清理给我。
以供参考
以供参考
css：
.rel{
position:relative;
background:red;
}
.abs{
position:absolute;
background:blue;
}
html：
<div class="rel">rel</div> <div class="abs">abs</div>
现在点是：
>相对div自动占用100％宽度，但绝对div只需要内容宽度。为什么？
>当我给高度100％在相对div没有效果，但绝对div需要100％的高度。为什么？
>当我提供margin-top：30px它是移动绝对div也，但是当我给顶部：30px然后只相对div shift。为什么？
>当我不给顶部：0，左：0到绝对div它需要高于div高度。为什么？
解决方法
>设置位置：绝对从文档结构的正常流程中删除相关元素。所以除非你明确设置一个宽度，否则不知道有多宽。您可以显式设置width：100％，如果这是你的后果。 具有位置的元素：相对于整体的行为方式与正常位置相同：静态元素。因此，设置高度：100％将不起作用，除非父元素具有定义的高度。相反，将绝对定位的元素从文档流中删除，因此可以自由调整其包含元素当前具有的高度。 >这可能与HTML中的父元素有关，但是除非您提供页面的完整HTML和CSS，否则我无法进一步帮助。 >顶部和左侧属性的默认值为auto。这意味着浏览器会为您计算这些设置，并将它们设置为如果没有position：absolute，则渲染元素的位置。