CSS 帮助 - 让元素填充 100% 的剩余垂直空间

Question

我认为自己是一个合理的标准 CSS/XHTML 小伙子，但我对此感到很困惑。

问题可在此处找到：http://furnace.howcode.com -（请注意，该站点仍在开发中，大多数内容都无法正常工作，并且由于经常更新，它可能会很快发生变化）。

基本上我有一个流畅的布局，需要在任何分辨率下以相同的比例工作。

这是设计师如何设想它的屏幕截图（我为我的绘画工具注释道歉）： how the designer wants it to look http://files.droplr.com/files/49111734/XVu5m.howcode_working4.png

我希望选项卡和搜索框留在 Col2 的顶部，同时在其下方应该有一个可滚动的区域，用于返回结果。我不希望垂直视口滚动，只在 100% 高度的区域内。

我的问题是这个。如果您查看http://furnace.howcode.com，您会发现我遇到了一些问题。我制作了一个占位符黑色背景 div，我将很快将其转换为选项卡。但是我希望 Col2 div 浮动在此下方并填充 100% 的剩余垂直高度（即转到屏幕底部，无论分辨率是多少），并且 Col3 位于当前放置 Col2 的位置（它当 Col2 在正确的位置时，通常会自动出现！）。

我希望这是有道理的。如果您需要我澄清，请尽管问。

干杯！ 杰克

Answer 1

制作三个从上到下的高度：100% div (col1, col2, col3)，并将标签等放在 col2 内。