0

私は 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 と重なる可能性があります。

div 2 が常に div 1 から 10px 離れ、div 3 が常に div 2 から 10px になるように設定する方法はありますか?

ありがとう

4

1 に答える 1

1

このように、指定された 3 つの div の間に 2 つの 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>

デモ

于 2013-04-29T12:03:57.987 に答える