三个div使布局

Question

我试图实现以下多种不同的方式，但一直没有能够让它正确显示。只有三个div，没有定位，没有边距 - 我只是使用浮动。有人可以让我知道我能做到这一点吗？

Answer 1

这应该与花车以及

HTML

<div class="redbox"></div> 
<div class="dother2box"> 
    <div class="orangebox"></div> 
    <div class="greenbox"></div> 
</div> 

CSS

.redbox { 
    width: 70%; 
    height: 100%; 
    background: red; 
    float: left; 
} 
.dother2box { 
    width: 30%; 
    height: 100%; 
    float: left; 
} 
.orangebox { 
    width: 100%; 
    height: 50%; 
    background: orange; 
} 
.greenbox { 
    width: 100%; 
    height: 50%; 
    background: green; 
} 

希望这方面的工作适合你