html - 如何使用响应将此页脚与导航菜单内的底部对齐

Question

我试过这段代码将这个页脚对齐在导航栏的底部。如何在底部得到它，它应该是响应式的

<div class="sidebar" data-color="green">
        <div class="sidebar-wrapper">
            <ul class="nav">
                /*menu code*/
            </ul>
            <footer class="footer pull-bottom"> 
                /*code*/
            </footer>
        </div>
        <div class="sidebar-background" style="background-image: url(img.png)"></div>
    </div>

Answer 1

这应该将页脚放在底部。

.footer {
    position: absolute;
    bottom: 0;
}