我正在尝试通过将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%,但是前3个完全填满了屏幕,内容类甚至低于屏幕。
你可以尝试使用
overflow: auto
有一些代码示例会很高兴,所以我们可以提供更多帮助。