Html CSS框浮动

Html CSS框浮动,html,css-float,css,Html,Css Float,Css,是的,对不起,我应该贴张照片的。但看起来是这样的: <div id="boks1a"> <div class="mini1">test1 </div> <div class="mini2">test2 </div> <div class="under1">Testing </div> </div> <div class="under3"

是的,对不起,我应该贴张照片的。但看起来是这样的:

<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>
我试图创建两个盒子,下面有一个盒子。右边我要另一个盒子。我希望这一切都在另一个盒子里。这一切都很好,除了我不能让最后一个框(3下)浮动到右边。有比我更好的人能解释一下我缺少什么吗?谢谢

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

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

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

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

见上图。更正后,请参见演示JSFIDLE.net/XbsXz/

请绘制一张图片,说明您希望如何划分,然后再次发布您的问题,,!!我创造了一个JS小提琴这个问题大家好,是的,对不起,我应该张贴一张照片。看起来是这样的:嗨,Pawan,谢谢你的回答。这几乎就是我想要的,但是现在我添加了一个链接,这样你就可以看到我在想什么。
<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>