jquery - 利用可能な幅を埋める？(画像例)

Question

3 つの列があります。中央の列は固定コンテンツで、幅は 600 ピクセルです。利用可能な残りのスペースを埋めるために左右の列を作成する方法は? 見た目よりずっと難しいことに気づきました。純粋なCSSで可能ですか？

次の jsfiddle の例に似ていますが、コンテンツの幅を固定する必要があります。

jsfiddle.net/4EN4P/

Answer 1

margin: 0 auto複数の列を使用する代わりに、フローティングではなくコンテンツ列を使用して、コンテナーの背景色を設定します。左/右の列のすべての要素とスタイルを削除できます。もちろん、これはそれらの列にコンテンツがないことを前提としています。

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