css - 2 つの固定幅 div に挟まれた可変幅 div

Question

私は、それぞれ同じ高さの 3 つの div が隣り合っているページに取り組んでいます。最初と 3 番目の div を固定幅 (たとえば 175px) にし、中央の div の幅を残りのスペースに合わせて調整することは可能ですか (ウィンドウの幅が変更されたときにサイズを変更できます)。2 つの div だけで実行できることはわかっていますが、このシナリオは 3 つの div で実現可能ですか?

Answer 1

次のようなマークアップがあるとします。

<div id="leftCol"></div>
<div id="rightCol"></div>
<div id="centerCol"></div>

CSS でこのようにすることができます。

#leftCol {float: left; width: 175px;}
#rightCol {float: right; width: 175px;}
#centerCol {overflow: hidden;}

jsFiddle でこれを参照してください。http://jsfiddle.net/meSHp/

Answer 2

確かに、2つのサイドカラムを左右に浮かせてdiv、中央divのマージンをカラムの幅に等しくしてください（どちらのサイドよりも背が高くなった場合に幅を制限するため）、それはあなたのように機能するはずですいう。ここを参照してください: http://jsfiddle.net/Q8eVz/。