0

画像の上に画像のキャプションを追加しようとしています。これらの画像は、私がここで作成したフィドルのように、グリッドのようなシステム (高さが固定されていない!) に浮かんでいる必要がありますhttp://jsfiddle.net/thomasjonas/GzjuM/3/

すでに問題を確認できます...相対アイテム div 内のタイトルと画像の絶対配置のため、相対アイテム div は適切な高さを取得しませんが、境界線の高さだけを取得します...どうすればよいですかこれを修正しますか？私はあらゆる場所で答えを探してきましたが、ほとんどの場合、他の人の問題は別のアプローチを使用して解決されています. 私の問題に対して私が知っている唯一の他のアプローチは、画像をdivの背景として使用することですが、画像の幅と高さを知る必要があります...この問題の最良の解決策は何ですか?

4

1 に答える 1

0

Don't position the images absolute. Instead render the <div class="image"> elements as block (using display:block if you changed your div style somewhere) and set up a margin instead of fiddling with absolute positioning:

.item .image{
    display:block;
    margin-top: 1em;
    margin-left: 1em;
}

JSFiddle

于 2012-06-03T11:57:04.970 に答える