如何将固定高度div与高度为div的div组合？

Question

我有3个垂直div： topdiv - 固定高度为100px; middlediv - 这应该填补页面的其余部分 bottomdiv - 固定宽度为200px;

我希望将div设置为底部位于屏幕底部，顶部顶部和middlediv应填充顶部和底部div之间的空间。

之前我使用javascript来调整中间div的大小，但是当调整浏览器窗口大小时，中间div不会改变。

有什么想法吗？

Answer 1

其他人在类似问题上发布了this。我没有使用它，但它确实帮助了他们。也许这会对你有所帮助。它允许您选择在页面底部设置页脚，即使内容未到达底部。试一试。

Answer 2

嗯，您可以使用min-height: x%，但是使用纯CSS无法做到这一点， 使用jQuery它看起来像这样：

$(document).ready(function()
{
wh = $(window).height();
md = $("middlediv").outerHeight()
if ( md+100 < h)
{
$("#middlediv").css("height", w-100 + 'px');
}

}

如果你想为窗口调整大小添加一个事件处理程序，它可能会基本上是相同的函数（或多或少）。

Answer 3

请参阅456bereastreet，或尝试this fiddle。