CSS盒子浮动

Question

是的，抱歉，我应该发布了一张图片。它看起来像这个虽然：Link

我想创建两个盒子下面的框。在右边，我想要另一个礼物。我希望这一切都在另一个盒子里。这一切都正常工作，除非我不能让最后一个盒子（under3）漂浮在右边。有人能比我更好，解释我缺少的东西吗？谢谢..

瑞晶

我的HTML代码如下所示：

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

我的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

查看上面的图像。更正后请参阅演示jsfiddle.net/XbsXz/