下载文件时，页脚被推高

Question

我有一个带有以下 css 的页脚

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:8rem;
}

想法是将页脚放在页面底部，页面内容是否小于/大于屏幕大小。

但是，当我在页面上下载文件时，页面底部的文件下载栏会将页脚向上推。有没有办法防止这种情况？这发生在 chrome 中。

<div id="page-container">
    <div id="footer">
</div>

#page-container {
    position: relative;
    min-height: 100vh
}

Answer 1

下载栏（我假设您说的是 Chrome）不被视为视口的一部分，因此无法阻止。