通过DIV进行3列布局（中间柔性，所有柔性高度，STRICT模式）

Question

嘿伙计们，我已经挣扎了一段时间，似乎没有找到解决方案。需要一个建议或简单的声明说这是不可能的（到目前为止，我认为这是 - 不可能）。 问题是： 需要3列灵活的宽度布局，左固定宽度，右边也是中间 - 占据身体或其他所有空间。 诀窍是左右列可能比中间更高，我们需要它们不要与页脚重叠。 docmode也是严格的。我知道Table会在一秒内解决问题，但我想知道是否有Div解决方案？

Answer 1

我认为这就是你要找的东西：

http://matthewjamestaylor.com/blog/perfect-3-column.htm 或像素宽度： http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

它是XHTML严格的，并且支持所有当前的浏览器。

Answer 2

YUI Grid CSS可能就是你想要的。我不熟悉所涉及的CSS魔法，但它支持多种不同的布局。它似乎不支持固定的左右列。

Answer 3

没有桌面挑战对我来说有点像向公牛挥舞红旗：

http://edeverett.co.uk/experiments/noTables2.html

在IE7，FF3，Chrome 2中测试。

这应该可以让你大部分时间，主要的想法是在两侧的列上使用负边距，主列设置为100％宽度。它可以从页面宽度的下限中受益。

（我编辑了示例html以显示如何在中心部​​分中包含内容）