Twitter bootstrap 定位三个div：左侧一个，右侧两个较小的div

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

---

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

使用一个包含div的div来固定两个右div，并将两个div浮动到左侧。psuedo选择器“after”on.right wrap将在语义上清除浮点数，无需额外代码

代码：

---

请你进一步解释一下小房间的布局好吗？“在对方下面”对我来说没什么意义。如果你能为我们提供你想要的图片，那就太好了！

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

.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;
}