Boîtes CSS flottantes

Question

Oui, désolé, j'aurais dû poster une photo. Cela ressemble à ceci: Link

J'essaye de créer deux boîtes avec une boîte au-dessous d'elles. À droite je veux une autre boîte présente. Et je veux que tout soit dans une autre boîte. Tout fonctionne bien, sauf que je n'arrive pas à faire flotter la dernière case (under3) vers la droite. Quelqu'un peut-il mieux que moi, expliquer ce qui me manque? Merci ..

Regin

Mon code HTML ressemble à ceci:

<div id="boks1a"> 
    <div class="mini1">test1 
    </div> 
    <div class="mini2">test2  
    </div> 
    <div class="under1">Testing 
    </div> 
</div> 
    <div class="under3">test3 
    </div> 
</div> 
</body> 

Et mon CSS:

#boks1a_ydre { 
border: 10px red solid; 
width: 90%; 
} 
#boks1a { 
border: 4px blue solid; 
width: 80%; 
} 

#boks1a .mini1 { 
width: 50%; 
height: 200px; 
float: left; 
outline: 1px red solid; 
} 
#boks1a .mini2 { 
width: 50%; 
height: 200px; 
float: left; 
outline: 1px green solid; 
} 
#boks1a .under1 { 
clear: both; 
margin-top: 5px; 
width: 100%; 
outline: 1px blue solid; 
} 
#boks1a .under3 { 
float:right; 
margin-top: 5px; 
width: 100%; 
outline: 1px blue solid; 
} 
#boks1a_ydre .mini3 { 

width: 100px; 
height: 200px; 
float: right; 
outline: 10px black solid; 
} 

Answer 1

Voir les images ci-dessus. Après correction S'il vous plaît voir démo jsfiddle.net/XbsXz/