Я знаю, что такое абсолютное и относительное положение, но некоторые моменты до сих пор не очищены. для справки
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 height. почему?