Question

我有一个带有按钮的导航栏，当您将鼠标悬停在它们上方时会产生按钮。问题是内容也随之提升。好像内容不会与容器保持静止。我正在使用z-index，所以很多定位必须是相对的，但玩其他定位似乎没有帮助。这让我疯了。有什么建议吗？

已移除隐私链接，或其他

我直接链接到整页以显示完整问题。对不起，如果有规则反对;我是新来的。

此外，它还没有完成，代码真的很草率，所以，你知道，不要判断。

Answer 1

首先，导航的HTML无效。你有包含列表项的锚标签。由于浮动元素，你也会做很多带有负边距的技巧。最好添加overflow：hidden;在nav ul上，实际上将这些元素放回视口。

但是，要快速解决问题，您需要清除内容，以免因导航中的定位而受到影响。见下文。

#content {
    clear: left;
}