不同大小的浮动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乙方应float: right;

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