页脚贴在底部=好，但主要内容有滚动，好像页脚固定=坏

Question

检查下面的链接。如果你有一个大屏幕，我的页脚会粘到屏幕的底部，但现在如果你在一个较小的屏幕上，会在页脚之前出现一个滚动条。这是为什么？

http://boldstyle.allthingswebdesign.com/something.php

Answer 1

您的问题在于DIV容器的静态高度和宽度值。

CSS:container为1024px。你可能希望将其支持到1000px，因为1024px的大多数浏览器都会添加一个水平滚动条来压缩非常薄的1-2px窗口边框。如果您的设计不允许这样做，您可以将overflow:auto更改为overflow:none。

CSS:main具有静态高度。如果内容超出此高度以禁用垂直滚动条，请执行与上述相同的操作。