如果内容的高度小于窗口，则引导程序放置在底部的页脚

Question

如果窗口内容没有滚动条，我想将页脚放在窗口底部，否则将页脚放在内容的末尾 这是我的HTML代码

<div class="container-fluid">
    <div class="header"></div>
    <div class="con"></div>
    <div class="footer">Copyright msg</div>
</div>

Answer 1

你所寻找的效果被称为“粘性页脚”，我相信 - 即使内容非常短，页脚总是会显示在页面底部？您可以找到解决方案here。

Answer 2

.footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;   
}