2013-04-07 57 views
1

我有三栏。中间列是固定内容600像素宽。如何让左列和右列填充剩余的可用空间?我意识到这比看起来要困难得多。纯CSS可以吗?填充可用宽度? (image example)

enter image description here

类似的东西,以以下的jsfiddle例子,但内容宽度应该是固定的。

jsfiddle.net/4EN4P/

+0

那么谢谢你,解决了我的问题。 – Stybos 2013-04-07 20:31:48

+0

http://jsfiddle.net/dinjas/sP84P/ – dinjas 2013-04-07 20:32:00

回答

1

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

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

+0

非常感谢! – Stybos 2013-04-07 20:33:37