正しい方法でimgのコンテンツを取得できますか？

Question

ページ構造が上記の場合。それを得るためにHTMLとCSSを使用しています。どのように使用するのですか？

あなたは両方のコンテンツ（img、コンテンツ）に浮動小数点を使用する場合、あなたは浮動小数点によって引き起こされる問題を解決する必要があります、同時に、その柔軟性を失った幅を固定する必要があります。しかし、私はそれを得るための最善の方法を知らない、

Answer 1

私は画像からそれを遠ざけるためにテキストにmargin-left:を使用するだろう。画像が利用可能（またはオプション）ではない場合、テキストは

そのコンテナの左余白に隣接し始めることができるように

Answer 2

Iは単にfloat : left画像は、私はmargin-rightからimg要素を与えるであろうI img親にtechiniqueをeasyclearing適用する

Answer 3

私は浮動要素の大ファンではないと私は個人的には、インライン・ブロックを使用して好む：

jsfiddle

Answer 4

the media objectをご覧ください。私たちにOOCSSという概念をもたらしたのは、Nicole Sullivanです。このシナリオには完璧です。

これは、画像上にfloat: leftを使用し、テキスト上にoverflow: hiddenを使用して、オーバーフローと浮動コンテンツとの相互作用の利点を得ることを示唆しています。