Question

我正在尝试通过将div扩展到页面底部来用白色背景填充页面。我已经将html，body和div设置为100％的height，但是html和body's的高度却完美地延伸了到屏幕底部，我的div's高度甚至低于该高度。

似乎是将上一个div's的高度添加到最后一个div，从而将其扩展到屏幕下方。有人知道我该如何解决，以使我的上一个div扩展到屏幕底部？

<html>
<body>
    <div id="app">
        <nav id="nav"></nav>
        <header class="header"></header>
        <div class="categories"></div>
        <div class="content"></div>
        <div class="footer"></div>
    </div>
</body>

这是我的html。我希望内容类扩展到屏幕底部，因为其中没有足够的内容来填充它本身。我给html，body，app和content设置了高度：100％，但是尽管前三个完美地填充了屏幕，但是content类甚至位于屏幕下方。

Answer 1

您可以尝试使用

overflow: auto

最好有一些代码示例，以便我们提供更多帮助。

身高100％重叠的父级

1 个答案: