Html 网站中的粘性页脚在一个页面上工作,而不是在另一个页面上

Html 网站中的粘性页脚在一个页面上工作,而不是在另一个页面上,html,css,Html,Css,我试图让页脚停留在网页的底部,并允许在不同的页面上有不同数量的内容。它适用于我的index.html页面,但当我转到“about”页面时,页脚会浮到页面的中间。有什么建议吗?该网站位于,故障页面位于。谢谢 首先,您需要将#bottomdiv移到#wrapdiv之外,以便它紧跟其后。这会让你在大部分时间里都能找到答案,但你的索引页上似乎仍有一些东西阻止它一直移动到窗口底部。不要在底部上加-200px边距,而是在底部加200px边距。这会解决问题。除了将底部放在下方外,去掉顶部边距:-200px,为

我试图让页脚停留在网页的底部,并允许在不同的页面上有不同数量的内容。它适用于我的index.html页面,但当我转到“about”页面时,页脚会浮到页面的中间。有什么建议吗?该网站位于,故障页面位于。谢谢

首先,您需要将
#bottom
div移到
#wrap
div之外,以便它紧跟其后。这会让你在大部分时间里都能找到答案,但你的索引页上似乎仍有一些东西阻止它一直移动到窗口底部。

不要在底部上加-200px边距,而是在底部加200px边距。这会解决问题。

除了将底部放在下方外,去掉顶部边距:-200px,为什么?这只会导致问题,具体取决于页面高度。如果有必要,请在这个底部分区上使用填充底部。谢谢!当我一整天都在做这件事的时候,如果有一双新的眼睛,它会很有帮助!因为粘性页脚就是这样工作的,包装器div的最小高度设置为100%,这会将页脚向下推至少到窗口的高度,然后将页脚向上移动。这样,当包装器分区中没有那么多内容时,页脚至少保持在窗口的底部。