我如何佈置側邊欄或pullquote？

Question

我有一個固定寬度佈局4個格：A，B，c和d，以及它們在HTML這樣的命令：

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

使用CSS，我希望他們能與申報單進行佈局A，b，和d在垂直列和DIV C到右側和頂部對齊與格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

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

可能會解決它（未測試）。