不同大小的浮动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

相反，你需要浮动一个包含两个较小div的容器，a-la：

<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都浮动，它们将无论如何都不会包裹，除非容器的宽度足够小以使它们包裹。然而，容器（所有三个div）也需要包含更大的div，这使得这是不可能的。相反，你需要将它们包装在自己的容器中。

Answer 2

您的div B应为float: right;