В чем разница

[Mr.Black]

Подскажите в чем разница на примере ,position: relative; и position:absolute;

[rus]

релатив - выступает как родитель абсолюта, а абсолют относительно его позиционируется.

ну если на "коленке" то как-то так:

.relative {
float:left;
width:200px;
height:300px;
position:relative;
}
.absolute {
position:absolute;
top:10px;
left:10px;
width:50px;
height:50px;
}
<div class="relative">
<div class="absolute">
</div>
</div>

Edited October 25, 2010 by rus

[psywalker]

Подскажите в чем разница на примере ,position: relative; и position:absolute;

Тем, что релатив может быть отодвинут координатами, но при этом оставляет за собой место. А блоки с абсолют выпадают из общего потока и никак на него не реагируют.

[Mr.Black]

Спасибо,очень помогло