html - 页脚不在页面底部

Question

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

Answer 1

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

        <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

Answer 2

如果您指的是始终显示在底部的固定页脚，您将需要使用固定位置bottom: 0px，这样即使内容没有填满屏幕，它也会始终保持在那里

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