CSS悬停,布局改变

CSS悬停,布局改变,css,conflict,Css,Conflict,我正在显示登录用户下的订单列表以及订单状态 数据显示完全像: 但当我将鼠标悬停在“上一个/下一个”按钮(即页面导航菜单)上时,它看起来像: 该菜单的行为是否与预期不同 我已经把整个页面放在我的谷歌硬盘上的zip文件中。 当我从中删除style1.css时,它工作得很好,但是我在其中提供的所有页面结构都很好,所以任何人都可以帮助我如何避免css冲突 谢谢。这是因为在style1.css文件的第180行,在:hover的li上,它正在将li的显示属性从内联更改为块: ul li:hover {

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

数据显示完全像:

但当我将鼠标悬停在“上一个/下一个”按钮(即页面导航菜单)上时,它看起来像:

该菜单的行为是否与预期不同

我已经把整个页面放在我的谷歌硬盘上的zip文件中。 当我从中删除style1.css时,它工作得很好,但是我在其中提供的所有页面结构都很好,所以任何人都可以帮助我如何避免css冲突


谢谢。

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

 ul li:hover {
    display: block;
}

删除此样式将阻止这种情况发生。

请在此处包含代码的相关部分。不,这不是询问问题的正确方式。显示整个项目代码不是明智的决定。花些时间使用开发工具进行检查,并做出相应的更改。@BoltClock'sSunicorn错误地对演示的最小选项进行了投票,想要对ssc进行投票,您能结束投票吗?否则它会吸引所有的人answers@Mr.外星人:如果你收回你原来的一票,你能投下不同的一票吗?@BoltClock'saUnicorn不,我告诉过你投一票,这样它就结束了那一次……太棒了,先生。这对我帮助很大。我只是不知道该怎么办,但你在几分钟内就解决了。谢谢,没问题,很乐意帮忙