html - 使正文占据可滚动页面的 100%

Question

我有一个 HTML 页面

html,body{ height: 100%; }

但我的页面中的内容超过了 100% 时的内容，因此出现了垂直滚动条。这很好，但就在 </body> 之前我有一个 <footer>Some text</footer> .我的问题是，页脚出现在屏幕中间，即使它应该显示在页面的最底部。我查了，没有margin适用于任何将页脚推高的元素。

令我感到奇怪的是，当我使用 Chrome 开发人员工具检查页面时，它显示正文覆盖的区域不是可滚动区域的 100%。如果没有滚动条，这个区域就是页面的 100%。

我无法提供标记，这是一个遗留的 ASP.Net 应用程序，而且很乱。

Answer 1

试试 min-height: 100% 代替。在 html 和正文上。此外，页脚似乎是绝对定位的，但最小高度应该可以解决这个问题。

如果之后没有，则将 padding-bottom 应用于 body 并增加它，直到页脚位于您想要的位置。