абсолютное и относительное положение, ширина и высота

Я знаю, что такое абсолютное и относительное положение, но некоторые точки мне все еще не разрешены. для справки

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, но когда я даю top: 30px, тогда только относительный сдвиг div. почему?

• когда я не ставлю top: 0, left: 0 в абсолютный div, он занимает больше высоты div. почему?