Html 我们网站的CSS内容区域在不应该滚动的时候滚动

好的，问题是我有一个页眉、页脚和content div，我想要的是content div自动填充页眉和页脚之间的浏览器高度，使页脚保持在页面底部，或低于content长度

当您转到时，您可以在索引页上看到问题，因为内容区域比浏览器窗口小，因此我们为div添加了一个高度，以解决页脚浮动问题

我用jquery修复了它

$('#sitewidth').css({'height':(($(document).height())-320)+'px'});
        $('#contentbody').css({'height':(($(document).height())-320)+'px'});

---

从#contentbody

中删除“minheight:700px”，那么当浏览器窗口小于div的高度时会发生什么

可以将中心div的高度设置为100%。例如，使内容分区为100%，使顶部和底部的高度固定。这是一种技巧，但有时我认为它有效——100%不会压缩固定高度的顶部和底部——它“尝试”为100%

---

我不清楚的是当你把浏览器窗口变小时会发生什么。页眉和页脚是否应该粘在浏览器的顶部和底部，而内容区域却越来越小？

我看到的唯一问题是，当内容没有到达页脚时，内容区域两侧的橙色边框会在页面的一半处停止

---

解决此问题的最常用方法是将这些橙色边框作为背景图像，并在

中重复使用。sitewidth

我能够使用Javascript解决此问题，看起来，为了使内容的高度与整个屏幕正确匹配，我必须做一个数学运算，将页脚和页眉的高度与浏览器屏幕大小分开，然后得到内容正文的最小大小。由于每个用户的屏幕大小不同，它必须是一个javascript设置函数。

您是否希望固定页脚？是的，但在我们的屏幕上，我们看到橙色边框停止，而不是一直到页脚。我按照您说的做了，请看一看。如果窗口比内容小，则用户必须滚动。但是如果一个用户的屏幕尺寸比内容大，那么你现在可以看到橙色的边框。是的，这是一种方法，但我真的不想这样做，因为我认为这是一种简单的方法？我需要的是重新体验内容比浏览器小，并使高度适合。我所描述的方法是纯CSS的唯一好方法，在今天的浏览器中得到很好的支持。

CSS flexible box model模块

可以工作，但IE不支持它。您还可以将

溢出：隐藏

与

边距底部：-9999em；垫底：9999em，但这并不总是可靠的，而且比仅仅使用背景图像要黑客得多。