html 粘性底部：0不起作用，但顶部：0作品[副本]

b91juud3 于 2022-12-09 发布在其他

关注(0)|答案(2)|浏览(118)

此问题在此处已有答案：

Why bottom:0 doesn't work with position:sticky?（2个答案）
2天前关闭。
html文件
第一个
我有两个粘性元素header和footer。footer不工作，但header工作，即使页脚和页眉在同一个元素。（他们是兄弟）。只有top: 0工作正常，但bottom: 0工作不正常。

Html

来源：https://stackoverflow.com/questions/74699374/sticky-bottom-0-doesnt-work-but-top-0-works

2条答案

按热度按时间

kzipqqlq1#

您可以使用flexbox，在页眉和页脚之间换行并添加flex：1，以包含所有剩余部件
就像这样：
第一个

赞(0）回复(0）举报 2022-12-09

zqdjd7g92#

很简单，就像这样

<body>
    <div>
        <div class="contents">
            <div class="header">
            </div>
            1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>1234<br/>
        </div>
        <div class="footer"></div>

    </div>
</body>

赞(0）回复(0）举报 2022-12-09

我来回答

html 粘性底部：0不起作用，但顶部：0作品[副本]

2条答案

相关问题

热门标签

最新问答