可調整寬度div夾在兩個固定寬度的div之間

我正在製作一個頁面，每個頁面有三個div，每個高度相同。有可能有第一個和第三個div是一個固定寬度（比如175px），並讓中間div將其寬度調整爲剩餘空間（並且可以在窗口寬度更改時調整大小）？我知道它可以用兩個div來完成，但是這種情況下有三種可行的方案嗎？可調整寬度div夾在兩個固定寬度的div之間

來源

2012-06-20 Anthony C.

假設你有類似的標記;

<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/

來源

2012-06-20 14:22:48

當然，解決方案比我想象的要簡單得多......這是件好事！謝謝！你和Brian都有相同的答案，但我接受這個答案，因爲它在這個頁面上更詳細，並且可以更快地幫助其他人解決同一個問題。但是，感謝你們兩位！ :) –

+1！我試圖以非常複雜的方式做到這一點。 – SVS

謝謝！當我發現溢出：隱藏的技巧，它完全改變了我對CSS佈局的方法。當然，如果你有想要溢出容器的東西，它可能會產生負面影響，但是對於很多佈局而言，情況並非如此。 –

當然，只是浮動兩邊的列div s左右，給你的中心div邊距等於列的寬度（以保持寬度約束，如果它結束比任何一邊高），它應該像你說的那樣工作。見這裏：http://jsfiddle.net/Q8eVz/。

來源

2012-06-20 14:07:49

可調整寬度div夾在兩個固定寬度的div之間

回答

相關問題