定位三个div：左边一个，右边两个小

Question

我正在使用bootstrap，我想在我的网站左侧有一个大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;
}