Позиционирование DIVS

Question

Я смотрю, что у меня есть 3 divs один поверх другого с небольшим промежутком между ними.

<div style="position:absolute; border:2px solid #000; top:40px; width:300px; height:100px"></div> 

<div style="position:absolute; border:2px solid #000; top:150px; width:300px; height:300px"></div> 

<div style="position:absolute; border:2px solid #000; top:460px; width:300px; height:100px"></div> 

Это работает и выглядит нормально, однако если верхний или средний div увеличиваются в размерах, они могут перекрывать другие div.

Есть ли способ установить его так, чтобы div 2 всегда находился на расстоянии 10px от div 1, а div 3 всегда 10px от div 2?

Thanks

Answer 1

Добавить два divs между этими тремя divs, подобными этому.

<div style="position:relative; border:2px solid #000; width:300px; height:100px"></div> 
<div style="position:relative; padding-top: 10px;"></div> 
<div style="position:relative; border:2px solid #000; width:300px; height:300px;"></div> 
<div style="position:relative; padding-top: 10px;"></div> 
<div style="position:relative; border:2px solid #000; width:300px; height:100px"></div> 

Demo