三個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; 
} 

希望這方面的工作適合你