html - 自動幅の相対 DIV

Question

div画像とラベルが含まれています。ラベルは画像の上にある必要があるため、外側のコンテナ div を作成しましたrelative。

しかし、コンテナdivの幅が画像と同じであることも必要です。したがって100%、ラベルに幅を設定できます。また、画像の幅も事前にわかりません。これは動的にロードされます。

ただし、containerdiv には常に100%幅が設定されています。内部にある画像の幅を持たせる方法はありますか?

例: http://jsfiddle.net/sbNZu/391/

Answer 1

コンテナーに対して次のいずれかのルールを実行します。

1. を追加display:inline-block
2. 追加float:left

どちらも、コンテンツに合わせてコンテナ div を縮小します。