身高100%重叠父母

问题描述 投票:0回答:1

我正在尝试通过将div扩展到页面底部来填充我的页面。我将htmlbodydiv设置为100%的height,但是当htmlbody'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个完全填满了屏幕,内容类甚至低于屏幕。

html css
1个回答
1
投票

你可以尝试使用

overflow: auto

有一些代码示例会很高兴,所以我们可以提供更多帮助。

© www.soinside.com 2019 - 2024. All rights reserved.