页面底部不需要的白色 space
Unwanted white space at the bottom of page
我在页面底部有不需要的 space。无法弄清楚问题出在哪里。
我也搜索了这个尝试了每个答案但没有解决方案
这是由您的产品菜单的 "Electrical equipment & parts" 部分的长度引起的。您会注意到页面高度与菜单那部分的高度完全匹配。
此外,在产品菜单的 'Chemicals' 部分,"Anti-Corrusions" 拼写错误。 "Anti-corrosion."
它是导航中隐藏子菜单的高度。
第一个问题是您在 body 标签上设置了 min-height: 800px
css 规则——首先摆脱它。之后你会遇到的问题是你希望你的页脚贴在页面底部。您可以通过添加:
.blog-list-page {
position: relative;
min-height: 100%;
}
footer {
position: absolute;
width: 100%;
bottom: 0;
}
我在页面底部有不需要的 space。无法弄清楚问题出在哪里。 我也搜索了这个尝试了每个答案但没有解决方案
这是由您的产品菜单的 "Electrical equipment & parts" 部分的长度引起的。您会注意到页面高度与菜单那部分的高度完全匹配。
此外,在产品菜单的 'Chemicals' 部分,"Anti-Corrusions" 拼写错误。 "Anti-corrosion."
它是导航中隐藏子菜单的高度。
第一个问题是您在 body 标签上设置了 min-height: 800px
css 规则——首先摆脱它。之后你会遇到的问题是你希望你的页脚贴在页面底部。您可以通过添加:
.blog-list-page {
position: relative;
min-height: 100%;
}
footer {
position: absolute;
width: 100%;
bottom: 0;
}