如何布置侧边栏或pullquote？

Question

我在固定宽度布局中有4个div：a，b，c和d，它们在html中排序如下：

<div id="a">
</div>
<div id="b">
</div>
<div id="c">
</div>
<div id="d">
</div>

使用CSS，我希望它们在垂直列中使用div a，b和d进行布局，并在div b的右侧和顶部对齐div c，如下所示：

aaa
aaa
aaa
bbbccc
bbbccc
bbbccc
ddd
ddd
ddd

即使div包含未知内容，我也需要这种布局才能工作，因此可能会有不同的长度：

aaa
aaa
aaa
bbbccc
bbbccc
dddccc
dddccc
ddd

或：

aaa
aaa
aaa
bbbccc
bbb
bbb
ddd
ddd
ddd

甚至（如果可能）：

aaa
aaa
bbbccc
dddccc
eeeccc
eee

我不能简单地将div c向右移动然后将其向上移动，因为，不使用Javascript，我不知道div b的高度，所以不知道要将它移动多少

这是否可以在HTML和CSS中进行，而无需重新排序div？

Answer 1

a {
  clear: both;
}
b {
  float: left;
}
c {
  float: right;
}
d, e {
  clear: left;
}

可能会解决它（未经测试）。