正确的方法来拉伸元素？

Question

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

假设我想以下几点：

• 灰色框改变大小调整高度，但宽度不变
• 蓝箱变高度和宽度上调整大小
• 青色箱变宽度但不调整大小

什么是正确的方法来做到这一点？

jsfiddle中的方式是通过将元素的位置设置为绝对值并将其左侧，右侧，顶部和底部设置为0px来拉伸元素来完成的。我很喜欢这与使用表格显示属性或冗长的代码相比的容易程度，但我觉得这是不该做的事情。

这是正确的代码吗？如果不是，那是什么？

Answer 1

这是“正确”的方式来做到这一点。我想不出任何其他方式去解决这个问题，而不涉及甚至可能无法工作的表格。