粘滞页脚在网站上工作在一个页面上而不是另一个

我试图让页脚留在网页的底部，并允许不同页面上的内容量不同。它适用于我的index.html页面，但是当我转到“about”页面时，页脚浮动到页面中间。有什么建议？该网站为http://www.concept82.com/DISupdate/index.html，故障页面为http://www.concept82.com/DISupdate/about.html。谢谢！粘滞页脚在网站上工作在一个页面上而不是另一个

来源

2012-10-03 Kristin Shoffner Tanner

首先，您需要将您的#bottom div移出#wrap div之外，因此它会立即跟随它。这会让你获得大部分的方式，但是在你的索引页面上似乎仍然有一些东西阻止它一直移动到窗口的底部。

来源

2012-10-03 01:44:21 ultranaut

除了在#wrap下面放置#bottom，删除margin-top：-200px，为什么？这只会导致问题取决于页面高度。如果必须，请在此底部div上使用padding-bottom。 –

谢谢！当我一整天都在工作的时候，当有一双新的眼睛时，它会有所帮助！ –

原因在于粘性页脚的工作原理，您的包装div设置为100％的最小高度，这会将页脚至少压低窗口高度，然后将页脚移回自己的高度。当包装div中没有那么多内容时，这将保持页脚至少位于窗口的底部。例如，请参阅Chris Coyier在http://www.cssstickyfooter.com/上的演示。 – ultranaut

而不是＃底部的-200px margin-top，做200px。这将解决它。

来源

2012-10-03 01:58:33

粘滞页脚在网站上工作在一个页面上而不是另一个

回答

相关问题