页面底部不需要的空白区域

时间:2015-09-03 05:13:08

标签: html css footer removing-whitespace

我在页面底部有不需要的空间。无法弄清楚问题是什么。 我也搜索了这个尝试过的每个答案,但没有解决方案

3 个答案:

答案 0 :(得分:1)

从导航隐藏子菜单的高度。

答案 1 :(得分:0)

这是由产品菜单中“电气设备和部件”部分的长度引起的。您会注意到页面高度与菜单部分的高度完全匹配。

此外,在产品菜单的“化学品”部分中,“Anti-Corrusions”拼写错误。 “抗腐蚀”。

答案 2 :(得分:0)

第一个问题是你的身体标签上有一个min-height: 800px css规则集 - 摆脱它开始。您之后遇到的问题是您希望页脚粘在页面底部。您可以通过添加:

来完成此操作
.blog-list-page {
  position: relative;
  min-height: 100%;
}

footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}