0

私は次のものを持っています：

<div id="container">
    <img src="pic.png">
</div>

これは次のようにスタイルされます。

#container {
    height: 50px;
    width: 50px;
}

これに加えて、 と を設定することで、含まれている div の真ん中に画像を表示させる JavaScript ハッカーがありmargin-topますmargin-left。

Chrome Web インスペクタでこれを見ると、含まれている div がその親の先頭から始まっていないことが明らかです。イメージがコンテナー div の親に対して相対的に配置されていると思われます。

これに関する問題は、コンテナ div をドラッグなどのクリック イベントのターゲットにしたいことです。div は、画像の上から開始し、コンテナーの一部としてマージン スペースを含めたい場合にのみ、画像の上部から開始します。何かアドバイス？

4

1 に答える 1

2

@plalxは間違ったセレクターを使用しているのが正しいです。これを行う必要があります：

#container{
    width: 50px;
    height: 50px;
    padding: 5px;
}

paddingdivをクリック用の画像よりも大きくすることで、あなたが探しているものです。marginページ上の場所を決定し、および属性を超えるページ上のスペースpaddingを決定します。heightwidth

http://jsfiddle.net/VRJUc/を参照してください。要素インスペクタ (クロム) を開いて div の実際のサイズを見ると、実際には各辺にパディングを 60x60追加したことが原因であることがわかります。5px

于 2013-04-01T21:18:19.840 に答える