适当的拉伸元素的方法？

Question

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

假设我想要以下内容：

• 灰色框在调整大小时会改变高度，但是宽度不变
• 蓝色框会在调整大小时更改高度和宽度
• 青色框在调整大小时更改宽度但不更改高度

这样做的正确方法是什么？

jsfiddle的方法是通过将元素的位置设置为绝对值并将其左，右，上和下调为0px来拉伸元素。我喜欢与使用表格显示属性或冗长的代码相比这是多么容易，但我觉得这是不应该做的事情。

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

Answer 1

这是“正确”的方式。我想不出任何其他方式可以解决它不涉及可能甚至无法工作的表。