Drei div machen das Layout

Question

Ich habe versucht, die folgenden verschiedenen anderen Weg zu implementieren, aber nicht in der Lage, es richtig angezeigt zu bekommen. Es gibt nur drei Divs, keine Positionierung, keine Ränder - ich benutze nur float. Kann mir bitte jemand sagen, wie ich das erreichen kann?

Answer 1

Das mit Schwimmern gut

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

Hoffnung arbeiten sollte diese funktioniert für Sie