twitter-bootstrap - 定位三个 div：一个左侧和两个较小的堆叠在右侧

Question

我正在使用引导程序，我想在我的网站左侧有一个大 div，在右侧有两个较小的 div。较小的 div 应该在彼此之下。整个结构应该看起来像一个矩形。

对不起我的英语不好我希望你能理解我

Answer 1

使用包含 div 来保存两个右侧 div 并将两个 div 浮动到左侧。.right-wrap 上的伪选择器“after”将在语义上清除您的浮点数，而无需额外的代码。

代码：

<div class="left">Fu</div>
<div class="right-wrap">
<div class="rtop">blah</div>
<div class="rbottom">blah again</div>
</div>

CSS：

.left {
width: 100px;
height: 200px;
background:red;
float:left;
cleat:left;
}
.right-wrap {
width: 100px;
height: 200px;
float:left;
}
.right-wrap:after {
content: "";
clear:both;
}
.rtop {
position: relative;
width: 100px;
height: 100px;
background:blue;
}
.rbottom {
position: relative;
width: 100px;
height: 100px;
background:yellow;
}