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

时间:2011-05-25 07:35:39

标签: css html fixed

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

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

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

有什么想法吗?

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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

}

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

答案 2 :(得分:0)

请参阅456bereastreet,或尝试this fiddle