页脚不在页面底部

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

2012-08-01 Lavanya Arora

如果你指的是具有固定的页脚会始终显示在底部，你将需要使用固定位置bottom: 0px因此会一直呆在那里，即使内容未填满屏幕

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

来源

2012-08-01 02:25:32

我不认为OP是指这一点。在链接的网页上，页脚需要保留在所有内容之下。 – irrelephant 2012-08-01 02:29:14

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

 <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

来源

2012-08-01 02:45:47 Prashobh

不，我不是在说那个。看，像页脚是低于内容，所以它总是在底部。但是，当内容较少时，它仍然是内容的底部，而不是屏幕的底部。我希望它在屏幕的底部 – 2012-08-01 13:09:49

它没有工作。 – 2012-08-01 13:14:12

这只是粘脚页脚 – Prashobh 2012-08-01 13:24:44

页脚不在页面底部

回答

相关问题