填充可用的宽度？ （图片示例）

Question

我有三列。中间列固定内容为600像素宽。如何使左右列填充其余可用空间？我意识到这比看起来要困难得多。用纯CSS可以吗？

类似于以下jsfiddle示例，但内容宽度应该是固定的。

jsfiddle.net/4EN4P /

Answer 1

不要使用多个列，只需使用带有margin: 0 auto的内容列，而不是浮动，并在容器上设置背景颜色。您可以删除左/右列的所有元素和样式。这当然假设这些列没有内容。

http://jsfiddle.net/ExplosionPIlls/4EN4P/1/