页脚没有坐在页面底部

Question

在我的网站上：http://www.thetechnodaily.com由于内容很多，主页上的页脚很好。但是在内容较少的页面上，例如关于页面，不在页面底部。页脚位于内容的末尾而不是页面的底部。有什么方法可以让页脚始终保持在底部吗？

Answer 1

如果您指的是固定页脚始终显示在底部，则需要使用固定位置bottom: 0px，以便即使内容未填满屏幕也始终保持在该位置

 #footer_id {
      position:fixed;
      bottom:0px;
      height: "whatever";
    }

Answer 2

是的，你可以使用粘性页脚

        <div id="footer"></div>

#footer
        { 
        position: relative;
        margin-top: -50px; /* Give the height of footer as negative margin */
        height: 50px;
        clear:both;
        }

此链接可以帮助您

http://www.cssstickyfooter.com/using-sticky-footer-code.html