【发布时间】:2020-06-03 22:39:37
【问题描述】:
这个网页处于测试阶段,http://porkystuff.com,有一个很大的问题。
网页大于 BODY 和 HTML 标签。我已经使用 Chrome 和 Firefox 中的开发人员工具检查了这一点。
我已经尝试添加html, body{ height:100%; }。
【问题讨论】:
-
问题是你在 .sidecontent 中的高度。将其从 150% 更改为 100%。
这个网页处于测试阶段,http://porkystuff.com,有一个很大的问题。
网页大于 BODY 和 HTML 标签。我已经使用 Chrome 和 Firefox 中的开发人员工具检查了这一点。
我已经尝试添加html, body{ height:100%; }。
【问题讨论】:
知道了!!在您的 CSS 中,类名 sidecontent 高度为 150%。
.sidecontent {
position: absolute;
width: 180px;
height: 150%;
left: 820px;
top: 50px;
}
【讨论】:
在我的例子中,我只需要通过这些 CSS 技巧将 body 和 html 标签拉伸到整页大小:
html {
min-height: 100% !important;
}
body {
min-height: 100vh !important;
}
参考链接:https://makandracards.com/makandra/39473-stretching-an-html-page-to-full-height
【讨论】: