Question

基本上我的主页面上有一个包含内容的div，现在当内容超出页面底部时，用户必须向下滚动才能查看内容的下半部分，一切正常。

这与身体{ height:auto; }有关，但是当此div只有可以在不滚动的情况下查看的内容时，身体{ -moz-box-shadow:inset 0 0 10px #33333; }存在问题，这意味着阴影位于页面的一半。

很难解释所以只要看看你的自己：

http://middle.dyndns-server.com/index.html
此页面的内容扩展了潜水高度：自动工作

和

http://middle.dyndns-server.com/schedule.html
此页面没有内容，因此内部阴影在Firefox中无法正常工作。我可以用height:100%来纠正这个问题，但是索引也会发生同样的情况。

非常感谢

Answer 1

您需要先添加doctype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<强> CSS

html,body{
  min-height:100%;
}

    #page{
       min-height:100%;
    }

查看以下链接：

您需要将样式声明放在head标签内或附加的外部样式表

中

<style>
html,#page,body{

min-height:100%;

}
</style>

Answer 2

尝试在#page声明中添加规则：#page{min-height:100%;} 还有一个身体蜕变：body{height:100%;}