Css 当鼠标悬停在导航按钮上时，侧边栏会移动

我有一个导航栏，上面有按钮，当你把鼠标悬停在上面时，按钮会升起。问题是内容也随之产生。就好像内容不会在容器中保持静态一样。我使用的是z-index，所以很多定位都是相对的，但玩弄其他定位似乎并没有帮助。这让我快发疯了。有什么建议吗

出于隐私或其他原因删除链接

我直接链接到整个页面来显示完整的问题。对不起，如果有一个规则反对这一点；我是新来的

---

另外，它还没有完成，而且代码非常松散，所以，你知道，不要判断。

首先，导航的HTML是无效的。您已经有了包装列表项的锚定标记。由于浮动元素的存在，您还使用负边距执行了很多技巧。最好添加溢出：隐藏；在

nav ul

上，实际将这些元素返回到视口中

但是，要快速解决问题，您需要清除内容，这样它就不会受到导航中正在进行的定位的影响。见下文

#content {
    clear: left;
}

---

非常感谢你！工作得很好。至于锚定标签，正确的方法是什么？编辑：无需担心。愚蠢的问题。再次感谢您筛选我的丑陋代码。我尝试了一些新东西，遇到了问题，临时做了一些修复。我有点不好意思，我不得不把它展示给人们看，哈哈