Html 为什么我的页面在纵向视图中显示屏幕底部的白色部分

我的网页有问题

我正在将一个朋友的模板转换为一个新网页

最初的模板在纵向和横向上都非常适合手机，但经过编辑后，我只在横向和pc上使用

在纵向视图中，它在网页下面给了我一个很大的白色部分。这是非常奇怪的，因为在pc和横向视图中，它停在页面底部，应该是页脚

我只对css做了一些调整，唯一可能与之相关的调整是html高度，我将其从100%设置为1500px，但这也是因为这个问题，所以我怀疑这与此有任何关系

我只是不明白为什么它不再适合屏幕了

html{
高度：100%；}
*
{边距：0；
填充：0；}
身体
{字体：普通85%Arial，Helvetica，无衬线；
背景：#FFF url（../images/background.jpg）重复；
颜色：#000；
}
P
{填充：0 10px 0；
颜色：#FFF；
线高：1.7em；
字体大小：100%}
img
{边界：0；}
h1、h2、h3、h4、h5、h6
{字体：普通175%Arial，Helvetica，无衬线；
颜色：#FFF；
文本阴影：1px 1px#1d；
字母间距：-1px；
边距：0 10px 0；}
氢
{font:normal 165%Arial，Helvetica，无衬线；}
h3
{字体：普通130%Arial，Helvetica，无衬线；
}
h4、h5、h6
{边距：0；
填充：0像素0；
字体：普通150%Arial，Helvetica，无衬线；
线高：1.5em；}
h5，h6
{字体：普通的95%Arial，Helvetica，无衬线；
颜色：#888；
填充底部：15px；}
A.
{颜色：#FFF；
字体大小：粗体；
背景：透明；
大纲：无；
文本装饰：下划线；}
a:悬停
{文本装饰：无；}
保险商实验室
{边距：2px22px30px；
线高：1.7em；
字体风格：普通；
字体大小：100%；}
ol
{边距：8px 0 22px 20px；}
欧利
{边距：0 11px 0；}
#主、#页眉、#横幅、#菜单栏、#网站内容、#页脚、#内容#底部、#页脚版权所有
{左边距：自动；
右边距：自动；}
#页脚版权{
高度：20px；
宽度：960px；
字体大小：14px；
文本对齐：居中；
顶部：自动；
填充顶部：20px；
文本对齐：居中；
背景：透明；
颜色：#1d；
文本阴影：1px 1px#FFF；}
#页脚版权a，#页脚版权a:悬停
{颜色：#1d；
文字装饰：无；
填充底部：20px；}
#页脚a：悬停
{文本装饰：下划线；}
#主要
{背景：透明；}
#标题
{宽度：960px；
高度：120px；
背景：透明；}
#横幅
{宽度：960px；
位置：相对位置；
高度：50px；
填充：15px0；
背景：透明；}
#梅努巴
{宽度：960px；
高度：50px；
文本对齐：居中；
保证金：0自动；
背景#0043A8；
背景：-莫兹线性梯度（#43A9FF，#0043A8）；
背景：-o-线性梯度（#43A9FF，#0043A8）；
背景：-webkit线性梯度（#43A9FF，#0043A8）；
边界半径：15px 15px 0px 0px；
-moz边界半径：15px 15px 0px 0px；
-webkit边框：15px 15px 0px 0px；
-网络工具包盒阴影：rgba（0,0,0,0.5）0px 0px 5px；
-moz盒阴影：rgba（0,0,0,0.5）0px 0px 5px；
长方体阴影：rgba（0,0,0,0.5）0px 0px 5px；}
#欢迎光临
{宽度：960px；
浮动：左；
高度：50px；
保证金：0自动；
左侧填充：20px；
背景：透明；}
#欢迎口号
{宽度：960px；
浮动：左；
高度：50px；
保证金：0自动；
左侧填充：20px；
背景：透明；}
#欢迎您
{字体：普通300%Arial，Helvetica，无衬线；
字母间距：-3px；
颜色：#FFF；
文本阴影：1px 1px#1d；}
#欢迎您
{字体：普通200%Arial，Helvetica，无衬线；
字母间距：-2px；
颜色：#FFF；
文本阴影：1px 1px#1d；}
菜单
{边距：0；
边距：0 20px；}
ul#菜单li
{填充：0px；
列表样式：无；
保证金：2px0；
显示：内联；
背景：透明；}
菜单a
{浮动：左；
字体：粗体120%Arial，Helvetica，无衬线；
文本对齐：居中；
颜色：#FFF；
文字装饰：无；
高度：24px；
文本阴影：0px-1px 0px#000；
填充：16px20px10px20px；
背景：透明；}
ul#菜单li.current a
{颜色：#FFF；
背景：#323232；
文本阴影：无；}
菜单李：将鼠标悬停在a上
{颜色：#FFF；
背景：#323232；
文本阴影：无；}
#网站内容
{宽度：940px；
左侧填充：20px；
溢出：隐藏；
保证金：0自动；
背景：#323232；
边界半径：0px 0px 15px 15px；
-moz边界半径：0px 0px 15px 15px；
-webkit边框：0px 0px 15px 15px；}
.sidebar_容器
{浮动：左；
利润率：10px20px0；
宽度：215px；
填充：0；}
.侧边栏
{浮动：左；
宽度：250px；
填充：0；
边缘顶部：10px；
页边距底部：10px；}
.侧边栏项目
{字体：普通100%Arial，Helvetica，无衬线；
宽度：215px；}
.侧边栏h2
{填充：5px010px；
字体：标准140%Arial，Helvetica，无衬线；
高度：30px；
文本阴影：0px-1px 0px#000；
颜色：#fff；
背景#0043A8；
背景：-莫兹线性梯度（#43A9FF，#0043A8）；
背景：-o-线性梯度（#43A9FF，#0043A8）；
背景：-webkit线性梯度（#43A9FF，#0043A8）；
边界半径：15px 15px 15px 15px；
-moz边界半径：15px 15px 15px 15px；
-webkit边框：15px 15px 15px 15px；
-网络工具包盒阴影：rgba（0,0,0,0.5）0px 0px 5px；
-moz盒阴影：rgba（0,0,0,0.5）0px 0px 5px；
长方体阴影：rgba（0,0,0,0.5）0px 0px 5px；}
#内容
{宽度：680px；
边缘底部：20px；
浮动：左；}
.content_项目
{宽度：680px；
边缘顶部：20px；
页边距底部：20px；}
.content_图像
{浮动：左；
宽度：150px；
高度：150像素；
利润率：0 20px 10px 0；
-网络工具包盒阴影：rgba（0,0,0,0.5）0px 0px 10px；
-moz盒阴影：rgba（0,0,0,0.5）0px 0px 10px；
长方体阴影：rgba（0,0,0,0.5）0px 0px 10px；}
.content_容器
{宽度：320px；
填充物：5px；
右边距：10px；
浮动：左；}
#底部的内容
body {
height: 100%;
}