0

私は自分のウェブサイトを作成していますが、次のようなものを作成できるかどうか疑問に思っています。

私のHTMLは次のようになります。

<div id="box1"><div class="box2"></div></div>

CSS:

#box1{width:300px; height:100px; position:relative; background:#ccc;}
#box1 .box2{width:100px; height:100px; position:absolute; top:20px; background:#999;}

.box2 を #box1 の上から 20 ピクセルに配置したいのですが、この方法ではページの上から 20 ピクセルになります。これを解決する方法はありますか？

ありがとう

4

1 に答える 1

2

あなたのコードは正しく動作しています。div はページの上部にあるため、内側の div は外側の div とページの上部の両方から 20 ピクセルです。私の例を参照してくださいhttp://jsfiddle.net/unD7H/

于 2012-05-18T20:04:52.747 に答える