css - サイズの異なるフローティング div

Question

600x400 コンテナに 3 つの div を表示するコードを以下に書きましたが、以下の問題が発生しました。助けてください。

<DIV A style="float:left;width:200px;;height:200px;"></DIV>
<DIV B style="float:left;width:400px;;height:400px;"></DIV>
<DIV C style="float:left;width:200px;;height:200px;"></DIV>

Answer 1

代わりに、a-la という 2 つの小さな div を含むコンテナーをフロートする必要があります。

<div style="float:left">
    <div style=";width:200px;;height:200px;"></DIV>
    <div style="float:left;width:200px;;height:200px;"></div>
</div>

http://jsfiddle.net/ExplosionPIlls/r7b7e/

A と C の両方がフロートされている場合、コンテナーの幅が十分に小さい場合を除き、いずれにしてもラップされません。ただし、(3 つの div すべての) コンテナーには、より大きな div も含める必要があるため、それは不可能です。代わりに、それらを独自のコンテナーにラップする必要があります。

Answer 2

あなたのdivBはfloat: right;