css - 跳动的菜单项

标签 css

我是 CSS 的新手,我的一个菜单项有问题。当您滚动菜单项时,菜单项会上下跳动,这意味着某处一定有垫子或边距导致它。我删除了不同的焊盘和边距,但它仍然很紧张。有人可以告诉我我做错了什么吗?

这是代码,如果您将鼠标移到 Practice Area 上并慢慢移动到“Employment Law”和“Civil Rights”上,您将看到菜单/文本跳转。

此处:http://jsfiddle.net/v4qnU/1/

最佳答案

其中一个选择器 #menu li:hover 太贪心了。它正在改变导致 jumoing 的 li 元素的高度。我将其更改为 #menu > li:hover 并且现在该菜单中没有跳转。我把 fiddle 叉到 http://jsfiddle.net/ypJwz/

关于css - 跳动的菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12208178/

相关文章:

html - 删除标题标签下方的填充

css - Flex 无法按预期使用嵌套 Angular Material 布局

html - CSS Transition 不会在第一次悬停时触发

html - 折叠图标在第一次点击时不会改变

javascript - 交换 <div> 位置导致 CSS3 过渡效果丢失

jquery - 进度条 Bootstrap - 移动和桌面

javascript - 如何使用来自变量的 javascript 设置对象的宽度和定位?

css - 如何使用 bootstrap4 增加容器的最大宽度?

html - 如何让 parent 和 child float ,同时让 child 排成一行?

Javascript Accordian 导航栏/下拉菜单打开和关闭