Html 页脚粘在底部=好，但主内容有滚动条，好像页脚固定=坏

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

---

问题在于

DIV

容器的静态高度和宽度值

CSS:container

是1024px。您可能希望将其设置为1000px，因为大多数1024px的浏览器都会为非常薄的1-2px窗口边框添加一个水平滚动条。如果您的设计不允许这样做，您可以将

overflow:auto

更改为

overflow:none

---

CSS:main

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

问题在于

DIV

容器的静态高度和宽度值

CSS:container

是1024px。您可能希望将其设置为1000px，因为大多数1024px的浏览器都会为非常薄的1-2px窗口边框添加一个水平滚动条。如果您的设计不允许这样做，您可以将

overflow:auto

更改为

overflow:none

---

CSS:main

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

我在

样式中没有看到#main的显式高度。css

，

#main

具有

溢出：auto

#leftmain

具有静态高度。作为子对象，它继承父属性。您可能希望获得firefox的firebug和webdeveloper插件。。它有助于调试这些东西..我有它们。溢出：自动打开#main，以便#main div环绕其子div。现在，如果我更改#leftMain的高度，则#main将自动至少与#leftMain的高度相同。我在

样式中没有看到#main的显式高度。css

，

main

具有

溢出：auto

#leftmain

具有静态高度。作为子对象，它继承父属性。您可能希望获得firefox的firebug和webdeveloper插件。。它有助于调试这些东西..我有它们。溢出：自动打开#main，以便#main div环绕其子div。现在，如果我更改#leftMain的高度，#main将自动至少与#leftMain的高度相同。