我试图让这个菜单在 IE7 中工作。除了这个,我已经解决了所有的错误。当您悬停一个列表项时,弹出的抽屉内的 UL 不会正确浮动。如果您查看 Chrome 中的页面,这就是我之前设置 CSS 的方式(显示内联块等)。那也不起作用,所以我尝试将它们向左浮动。
向左浮动解决了我在每个 li 左侧有额外文本缩进的问题,但 ul 仍然无法正确浮动。
有没有人有任何想法?
我试图让这个菜单在 IE7 中工作。除了这个,我已经解决了所有的错误。当您悬停一个列表项时,弹出的抽屉内的 UL 不会正确浮动。如果您查看 Chrome 中的页面,这就是我之前设置 CSS 的方式(显示内联块等)。那也不起作用,所以我尝试将它们向左浮动。
向左浮动解决了我在每个 li 左侧有额外文本缩进的问题,但 ul 仍然无法正确浮动。
有没有人有任何想法?
重做代码以尽可能多地删除 > 选择器。他们让一切变得更难处理。这就像给所有东西一个 id,并使覆盖的东西越来越长。老实说,我将有子 div 而不仅仅是菜单,因为您使第一个 li 看起来像标题,但在语义上使它们与所有其他链接没有什么不同。内部带有链接的实际标题更具语义意义。例如,有一个称为工具的链接,然后其余的同级链接是...工具。
无论如何,当漂浮的东西,看看你的宽度。我看到很多元素根本没有声明宽度。在 IE 中,对于浮点数,这很重要。我会设置子 div 的宽度(如果需要,它们可以在 em 中),然后设置内部浮动 ul 子项的宽度。它们的组合宽度不应等于 100%。例如,如果一个 div 是 140px 宽,不要尝试在每个宽度为 70px 的两个浮动 ul 中,即使这应该适合,并且在大多数浏览器中都可以。
如果你想看的话,我有一些超级菜单的例子,但是已经有很多了,我不相信我有一个在子菜单中带有浮动 ul 的菜单。