Dwa divy jeden pod drugim oraz trzeci div przylegający do nich z prawej strony - jak to zrobić?

Question

Jak ułożyć divy w taki sposób jak na obrazku? Moim pomysłem jest, by zrobić dodatkowy div, który zawierał by w sobie divy 1 i 2, a div 3 by przylegał do tego diva przy pomocy float:left.

Ale czy da się to jakoś zrobić bez tworzenia żadnego dodatkowego diva, operując tylko na tych trzech divach co tu są?

Answer 1

A czemu nie chcesz skorzystać z dodatkowego diva?

Comments

Takie zastanawianie się "co by było gdyby i jak to można zrobić inaczej" i tak się po prostu zastanawiam, czy bez dodatkowego diva da się obejść.

---

   <div class="a">
    
    </div>
    
    <div class="b">
    
    </div>
    
    <div class="c">
    
    </div>

body {
	margin:0;
	padding:0;
}

.a {
	width: 50%;	
	height: 500px;
	background: red;
	float: left;
}

.b {
	width: 50%;
	height: 1000px;	
	background: blue;
	float: right;
	
}

.c {
	width: 50%;	
	height: 500px;
	background: green;
	float: left;
}

 

Answer 2

Jasne, że się da ;)

Np. tak: http://jsfiddle.net/Comandeer/y8zyd7fb/