如何布局侧边栏或拉引号？

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 c 在 div b 的右侧和顶部对齐，如下所示：

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

一个{
  明确：两者；
}
乙{
  向左飘浮;
}
C {
  浮动：对；
}
d, e {
  清除：左；
}

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