0

そのタイトルが意味をなすかどうかはわかりませんが、できる限り説明しようと思います。

基本的に画像の上にdivを追加したいのですが、これは簡単です。画像を div で囲み、そこから top:、left: などを指定します。

しかし、画像が内側にあるこの div は、実際の画像の境界線を超えており、親の div にまで及んでいます。div の境界線が div 内の実際の画像を囲むようにするにはどうすればよいですか。

黒い四角はイメージです。しかし、画像のクラスを持つ div には、画像を囲む境界線がありません。

<div id="page">

    <div class="image">
        <img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg">
            <div class="innerimage"></div>
    </div>

</div>
4

1 に答える 1

2

.image div に display: inline-block を追加します。

display: inline-block;

http://jsfiddle.net/wwRhB/4/

于 2013-04-04T00:20:34.100 に答える