html - CSS：画像1枚とブロック1枚を2枚で配置する方法フロートを使用しない1行で

Question

2枚で1枚の画像と1枚のブロックを入れたい

1行ですが、画像にフロートを使用すると、その大きなブロックの境界からはみ出します。画像が存在しない場合があるため、大きなブロックに高さを追加したくありません。このリンクのように: 画像と (p1 + p2 ) を 1 行で。 http://verygif.com/bbs/b/src/138002270032.jpg 画像を投稿できず申し訳ありません。

big_block {
border:2px solid #333;
}


<div class="big_block">
{if img exit }<img .... />{/if}
<p>sometext,sometext,sometext,sometext</p>
<p>fulltext,fulltext,fulltext,fulltext</p>
</div>

Answer 1

overflow: hidden;親<div>コンテナで宣言するだけです。これにより、フロートがクリアされ、親が段落と画像を確実に囲むことで、画像が親の境界線を超えないようになります。

ここで例を参照してください: http://jsfiddle.net/teddyrised/8aeAL/