如何让我的 DIV 出现在另一个 DIV 下方

我有这样的情况：

<div A>
  <div B>
  <div C>

Div A 是 B 和 C 的全屏宽度容器。 Div B 是一个小矩形，例如 100 x 200 px Div C 是另一个小矩形，例如 100 x 200 像素。

现在发生的情况是 B 和 C 出现在同一行。我希望 C 位于 B 下面。是否可以以这种方式定位 Div。我希望我说得有道理。

我猜它们已经向左浮动了，否则它们就不会彼此相邻。一个简单的clear: left在 C 上就可以解决问题：

#B {
    float: left;
    width: 100px;
    height: 200px;
    background: #0f0;
    margin: 5px;
}
#C {
    float: left;
    clear: left;
    width: 100px;
    height: 200px;
    background: #00f;
    margin: 5px;
}

为了清晰起见，我添加了一些边距、填充和背景。

例子：http://jsfiddle.net/ambiguously/uCBYV/ http://jsfiddle.net/ambiguous/uCBYV/