可调宽度的div夹在两个固定宽度的div之间

Question

我正在处理一个页面,它有三个div,彼此相邻,每个都有相同的高度.是否可以让第一个和第三个div具有固定宽度(比如175px),并且让中间div将其宽度调整到剩余空间(并且可以在窗口宽度变化时调整大小)？我知道它可以用两个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/