第二级位置不正确的CSS菜单

标签 css drop-down-menu menu

这是我第一次单独创建菜单,我是初学者,我只需要解决这个问题就可以使我的菜单正常工作。 二级菜单显示错位。 对不起我的英语我正在使用谷歌翻译。 :(

代码 CSS: http://www.agenciafibonacci.com/menu.css

图片: http://www.agenciafibonacci.com/ilustra.jpg

谢谢!

最佳答案

我建议不要使用类,而是像这样配置你的 css:

/* Main MENU (horizontal)*/
#menu ul {}
#menu ul li {}
/* Sub Menu (vertical) */
#menu ul li ul {}
#menu ul li ul li {}
/* Sub menu of sub menu (horizontal) */
#menu ul li ul li ul {}
#menu ul li ul li ul li {}

没有看过你的 html,我无法理解哪个类属于什么。

关于第二级位置不正确的CSS菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25144016/

相关文章:

javascript - 显示部分相邻图像的 Slick Slide Carousel

javascript - 在固定宽度页面上将元素的宽度增加到页面宽度

javascript - 在 asp.net vb 中通过第一个下拉列表值填充第二个下拉列表

javascript - 如何使用类使用 select > option 元素制作 anchor

html - CSS 下拉菜单在 Firefox 中滞后

android - 操作栏设置不显示

html - CSS3 : responsive centered row with variable size outter-elements

html - 如何获得完全响应的圆形菜单(包括悬停+链接功能)?

css - 除非重新调整浏览器大小或打开新标签页,否则 Chrome 不会显示下拉菜单?

border - 使用 CSS 为 3 个面添加光晕