Html 页脚的行为不符合预期

我在我的网页上设置了一个30像素高的白色页脚。由于某种原因，当我向下滚动页面时，页脚会比这高出很多，文本部分（浅灰色背景的div）会与页脚重叠。 你知道哪里出了问题，怎么解决吗？ JSFIDLE在这里： 非常感谢

这是一个截图

CSS

HTML:

无名称文件
我的名字


菜单一





菜单2







菜单3







菜单4






Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
乌拉姆科实验室的诺斯特鲁德实习。
专栏1
斯佩姆之家酒店
在《非谬误》一书中，作者是斯佩姆·阿德弗伦特和塔姆夸
附属物，非苏打魁地亚，维图斯塔斯塔门索
保护地；最大限度地减少了对vetustatis和consuetudinis的依赖。奎因
在《伊普索平等法》中，我们提到了一个事实，即不存在阻碍，尼莫东部，
quin eo、quo consuevit、libentius utatur quam intractato et novo。Nec维罗
这是一种特殊的动物，它生活在康苏图多岛的一个小镇上
代客泊车，兼公共交通和森林保护局，年
他是一个普通人

在阿托克斯治疗中，双联是一种常见的副作用、副作用和副作用
跨部门的原因，以及因诺修斯，
不可再公开讨论

在阿托克斯治疗中，双联是一种常见的副作用、副作用和副作用
跨部门的原因，以及因诺修斯，
不可再公开讨论

最后一个叙利亚人是在宗教信仰丰富的时期进行大规模宗教活动的
土地、土地、土地、土地、土地、土地
这是一个很好的例子：凯撒雷姆，荣誉女神
奥克塔维亚尼原则是由赫罗德、埃利乌瑟罗波利姆和尼奥波利姆共同制定的
这是一个很好的例子

在荣誉的基础上，我的意思是困难之友
凡尔桑图酒店；我是我的朋友，我是我的朋友
索？英镑？海克乌特奥米特坦，奎姆格拉夫，艰难的奎姆普莱斯克维登特
社会灾难！这是一个不容易发明的后代。
直面的恩尼乌斯

在荣誉的基础上，我的意思是困难之友
凡尔桑图酒店；我是我的朋友，我是我的朋友
索？英镑？海克乌特奥米特坦，奎姆格拉夫，艰难的奎姆普莱斯克维登特
社会灾难！这是一个不容易发明的后代。
直面的恩尼乌斯

在荣誉的基础上，我的意思是困难之友
凡尔桑图酒店；我是我的朋友，我是我的朋友
索？英镑？海克乌特奥米特坦，奎姆格拉夫，艰难的奎姆普莱斯克维登特
社会灾难！这是一个不容易发明的后代。凡尔桑图酒店；我是我的朋友，我是我的朋友
索？英镑？海克乌特奥米特坦，奎姆格拉夫，艰难的奎姆普莱斯克维登特
卡拉米
直面的恩尼乌斯

最后一个叙利亚人是在宗教信仰丰富的时期进行大规模宗教活动的
土地、土地、土地、土地、土地、土地
这是一个很好的例子：凯撒雷姆，荣誉女神
奥克塔维亚尼原则是由赫罗德、埃利乌瑟罗波利姆和尼奥波利姆共同制定的
这是一个很好的例子

在荣誉的基础上，我的意思是困难之友
凡尔桑图酒店；我是我的朋友，我是我的朋友
索？英镑？海克乌特奥米特坦，奎姆格拉夫，艰难的奎姆普莱斯克维登特
社会灾难！这是一个不容易发明的后代。
直面的恩尼乌斯。结束

测试页脚

从样式页脚中删除

position:fixed;

---

或者更改一些高度值或字体大小，如果希望页脚粘到底部

向下滚动时页脚的高度不会改变，而是保持不变。问题在于您的元素高度，特别是

#wrap

，它会影响您设置的

背景色

样式

您可以尝试为

主体设置背景色样式，而不是在
#wrap
中设置背景色样式

body { background: #0063C3; ... }

这可能会解决您描述的问题。
我无法重现您所说的内容；这是特定于浏览器的吗？您使用的浏览器和浏览器版本是什么？无法使用Firefox 19Hi复制-使用Safari，最新版本。在我的原始帖子中添加了问题的截图。Tks
position:fixed;

body { background: #0063C3; ... }