正確的方法來拉伸元素？

Question

目前我有：http://jsfiddle.net/walkerneo/JnEpS/3/

假設我想以下幾點：

• 灰色框改變大小調整高度，但寬度不變
• 藍箱變高度和寬度上調整大小
• 青色箱變寬度但不調整大小

什麼是正確的方法來做到這一點？

jsfiddle中的方式是通過將元素的位置設置爲絕對值並將其左側，右側，頂部和底部設置爲0px來拉伸元素來完成的。我很喜歡這與使用表格顯示屬性或冗長的代碼相比的容易程度，但我覺得這是不該做的事情。

這是正確的代碼嗎？如果不是，那是什麼？

Answer 1

這是「正確」的方式來做到這一點。我想不出任何其他方式去解決這個問題，而不涉及甚至可能無法工作的表格。