悬停时的CSS，布局更改

Question

我正在显示用户已登记的订单列表以及订单的状态。

数据显示如下：

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

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

我已将整页放在我的google驱动器上attached的zip文件中。 当我从中删除style1.css然后它工作正常但我在其中提供的所有页面形成，所以任何人都帮助我如何避免css冲突。

谢谢。

Answer 1

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

li

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