Javascript 页脚不会位于页面底部

我的页脚不会粘在页面底部

我认为问题在于我的HTML和正文没有覆盖整个网站，但我就是找不到确切的位置来纠正这个问题。我知道链接到我的页面是一个很大的禁忌，但我只是不知道在这里发布什么代码

---

我无法将内容设置为静态而不是绝对，因为这样我的菜单项在打开时会开始推动内容div。

问题是由于您的内容造成的。您只需尝试按以下方式更改其位置：

#content{
    position : static;
}

或者您只需删除它，因为默认情况下位置设置为静态。

从内容中删除位置：绝对

---

当我第一次打开链接时，它也起了作用，请不要在提问时更改实时代码。

到底部的固定位置，您可以尝试此代码

Html:

---

的确，它解决了页脚问题，但随后菜单将开始向四周推送我的内容div:@AronChan您可以通过将菜单如何推送内容div来更新您的问题吗？我在你的网站上试过了，没有什么奇怪的。现在试试看。我会将内容设置为静态，这样它会重现问题如果你现在将菜单项悬停，它们会推动设计的其余部分，子菜单元素需要绝对定位。请看上面的答案中有许多很好的例子。其中一个应该适合您的需要。并使悬停子菜单“位置：绝对”，并将其与“顶部”和“左侧”等一起放置。或者，您可以将“位置：绝对”放置在子菜单上，然后将“位置：相对”放置在其父菜单上，以便“顶部”和“左侧”属性仅与子菜单的父元素相对。问题是，子菜单在上打开几个菜单项。因此，为它们指定特定的顶部和左侧属性不会work@AronChan，是的，要使其适用于所有菜单选项，请使用@Arnelle的建议添加position:relative；对于父菜单项，则顶部和左侧属性相对于其父菜单项。

<div class="tofix">
  <p>Fixed this div into bottom</p>
</div>

.tofix{
      width:300px;
      position:fixed;
      bottom:0;
 }