css - 导航间距填充问题

标签 css navigation padding

我正在构建一个导航,尽管我摆弄了填充,但我无法在我的子菜单之间创建相等的距离。这有点难以描述,所以我在这里创建了一个 jsfiddle:http://jsfiddle.net/kCXrX/

如果有人有时间,你能告诉我为什么,当你将鼠标悬停在一个元素上时,行元素之间的距离不一样——左边的距离比右边的大

感谢任何指导!

最佳答案

我在这里 fork 了你的 fiddle :http://jsfiddle.net/tLzST/1/

您的 HTML 无效,UL 不能是 UL 的直接子级,因此我将您的 .submenu 列表放在 LI 中。还有一两个样式调整。

关于css - 导航间距填充问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9343119/

相关文章:

html - div 在所有桌面上的定位不一致

javascript - 当 <li> 元素点击时如何获取 <li> 元素的索引?

php - 使用 knpmenu bundle 在 symfony 2.1 中创建面包屑

html - 内联 h3 将 ul 向右移动

html - CSS 导航栏事件链接

css - 如何更改 css,以便降低一个类不会降低另一个?

jquery - 在 jquery + css 中的图像悬停中添加颜色色调

css - 在包装器 Div 中定位 Div - 溢出

css - 从 box-sizing 中移除 padding 会增加 div 的宽度

ios - 填充 NSString 在 UITableViewCell 中不起作用