CSS悬停，布局更改[关闭]

Question

我正在显示登录用户下的订单列表和订单状态。

数据显示完美：

但是当我将鼠标悬停在上一个/下一个按钮（即页面导航菜单）上时，它看起来像：

该菜单的行为与预期不同。

我已将整个页面放入 zip 文件中，我在我的谷歌驱动器上有 attached。 当我从中删除 style1.css 时，它可以正常工作，但是我在其中提供了所有页面格式，所以任何人都可以帮助我避免 css 冲突。

谢谢。

Answer 1

这是因为在 style1.css 文件的第 180 行，在 li 的 :hover 上，它正在将 li 的显示属性从内联更改为块：

 ul li:hover {
    display: block;
}

删除此样式可防止这种情况发生。