3つのdivレイアウトを作成

Question

私は以下の複数の異なる方法を実装しようとしましたが、正しく表示することができませんでした。 3つの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; 
} 

・ホープ、このあなたのために働く