定位DIVS

Question

我正在尋找有3個div在另一個之上，它們之間有一個小間隙。

<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 2總是離div 1 10px，div 3總是離div 2 10px？

謝謝

Answer 1

在給定的三個div之間添加兩個div。

<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