0

是的,对不起,我应该张贴一张照片。它看起来像这样:链接

我正在尝试创建两个盒子,它们下方有一个盒子。在右边我想要另一个盒子。我希望这一切都在另一个盒子里。一切正常,除了我无法让最后一个框(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;
}
4

1 回答 1

0

在此处输入图像描述

在此处输入图像描述

见上图。更正后请看demo jsfiddle.net/XbsXz/

于 2013-05-17T07:33:21.940 回答