Question

我有一个带

的HTML页面

html,body{ height: 100%; }

但是我在页面中的内容比100％的内容要多，所以有一个垂直滚动条。这很好，但是在我</body>之前<footer>Some text</footer>。我的问题是，页脚出现在屏幕中间，即使它应该显示在页面的最底部。我检查过，没有margin应用于任何会将页脚推到身体高处的元素。

对我而言，奇怪的是，当我使用Chrome开发者工具检查页面时，它显示身体覆盖的区域不是可滚动区域的100％。如果没有滚动条，此区域是页面的100％。

我无法提供标记，它是一个传统的ASP.Net应用程序而且它很混乱。

Answer 1

请尝试使用bool isValid = false; protected void CustomValidatorCountryOfCitizenshipServerValidate(object source, ServerValidateEventArgs args) { isValid = true; } protected void CustomValidatorSecondCountryOfCitizenshipServerValidate(object source, ServerValidateEventArgs args) { if(!isValid) { } }。在HTML和身体上。此外，看起来页脚是绝对定位的，但最小高度应该解决这个问题。

如果之后没有，则将填充底部应用到身体并增加直到页脚位于您想要的位置。

Answer 2

这取决于你想要如何解决这个问题。如果您知道页面总是短于内容，则可以使用以下内容将页脚向下移动到底部：

footer {
   position: absolute;
   bottom: 0;
}

或者这是flexbox的任务（假设您可以删除旧浏览器）。这样的事情可以解决问题：

body {
   display: flex;
   flex-direction: column;
}
.main {
   flex-grow: 1;
}

使body占据可滚动页面的100％

2 个答案: