1

我正在做一个学校项目，我必须创建一个简单的演示网页。问题是该网页在 Firefox 中无法按预期工作，而在 Chrome 和其他 WebKit 浏览器中则一切正常。

我的问题在这里：http ://c303.usv.ro/~HPC/ （请不要更改英语语言，因为您将看不到我的问题）。如果您在 Chrome 中转到“Echipamente”，您会看到“#content” div 有一些不错的滚动条，并且页脚停留在底部。如果您在 Firefox 中执行此操作，滚动条将不再出现，并且页脚似乎位于网页可见部分下方的某个位置。作为一种解决方法，我使用：

function mozillaFix(){  
    return; // we shouldn't use this
    $('#content').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
    $('#leftmenu').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
}

但我想这不是最优雅的解决方案。问题可能出在哪里？

4

1 回答 1

0

将max-heightwith Javascript 设置为所需的高度（我使用 FireBug 将其测试为 with max-height: 400px;）。然后，Firefox 将制作一个漂亮的滚动条，并根据需要显示页脚。

正如在互联网上找到的，解决方案是定义 div 容器的高度。如果您有以下 CSS，它应该可以工作：

html, body {
    height: 100%;
}
于 2012-05-26T10:08:01.740 回答