Html 如何布局侧栏或pullquote？

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

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

aaa
aaa
aaa
bbbccc
bbbccc
bbbccc
ddd
ddd
ddd

我需要这种布局，即使div包含未知内容，也可以具有不同的长度：

aaa
aaa
aaa
bbbccc
bbbccc
dddccc
dddccc
ddd

或：

甚至（如果可能）：

我不能简单地将div c向右浮动，然后将其向上移动，因为如果不使用Javascript，我不知道div b的高度，因此不知道将其向上移动多少

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

a{ a { clear: both; } b { float: left; } c { float: right; } d, e { clear: left; } 明确：两者皆有； } b{ 浮动：左； } c{ 浮动：对； } d、 e{ 清除：左； } 可能会解决它（未经测试）。

a{ 明确：两者皆有； } b{ 浮动：左； } c{ 浮动：对； } d、 e{ 清除：左； }

---

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

太棒了。效果很好。谢谢好极了效果很好。谢谢

aaa
aaa
bbbccc
dddccc
eeeccc
eee

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