我有一个带有外部 div 的页面，其中包含页眉、内容和页脚 div。我希望页脚 div 紧贴浏览器底部，即使内容 div 不够高，无法填充可视区域（即没有滚动）。
使用 Flexbox 可以轻松解决您的问题。只需将您的 .container 和 .footer 包装在最小高度为 100vh 的 Flex 容器中，将方向切换到列，以便它们堆叠在一起，并调整内容之间的空格，以便页脚将移动到底部。
.flex-wrapper {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
<div class="flex-wrapper">
<div class="container">The content</div>
<div class="footer">The Footer</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
