2013-04-07 40 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