Три div делают макет

Question

Я попытался реализовать следующие несколько разных способов, но не смог его правильно отобразить. Там всего три div, нет позиционирования, никаких полей - я просто использую float. Может кто-нибудь, пожалуйста, дайте мне знать, как я могу это достичь?

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

Надежда это работает для вас