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

我正在制作一个页面，页面上有三个分区，每个分区的高度相同。是否可以将第一个和第三个div设置为固定宽度（比如175px），并将中间div的宽度调整为剩余空间（并且可以在窗口宽度改变时调整大小）？我知道只需要两个div就可以完成，但是三个div的情况可行吗？

当然，只需左右浮动两侧的列

div

s，使中间

div

的边距等于列的宽度（如果它最终比任何一侧都高，则保持宽度受限），它应该像你说的那样工作。请参见此处：。

假设您的标记类似于

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

---

在jsFiddle上看到这个

当然，解决方案比我想象的要简单得多。。。这是一件好事！谢谢你和布赖恩的答案几乎相同，但我接受这个答案，因为这一页更详细，可能会帮助其他人更快地回答相同的问题。但多亏了你们俩！：）谢谢当我发现溢出：隐藏技巧时，它完全改变了我对CSS布局的看法。当然，如果您想让容器溢出某些内容，它可能会产生负面的副作用，但对于许多布局来说，情况并非如此。

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