我有一个带有以下 HTML 和 CSS 代码的页脚,当我以我的分辨率 (1366x768) 查看页面时,一切看起来都很好。但是当使用更高分辨率的设备 (1920x1080) 时,页脚不会固定在底部,而是在底部上方(靠近页面中间)。我使用了 Chrome Zoom,页脚似乎与页面中的所有元素一起移动。
.footer {
font-size: calc(16px - 2px);
line-height: 1.1;
color: #999;
margin-bottom: 5px;
text-align: center;
background-color: #fff;
padding: calc(8px * 1.5) 0;
}
</div> <!--/.container-->
<footer class="footer container">
<div class="container-inner">
<p> <a href="http://example.org" target="_blank">Name, Inc.</a> Copyright ©2020 </p>
</div>
</footer>
有没有办法让页脚出现在底部(在所有分辨率上)并且不与其他元素一起移动?感觉很松