如何让这个三级菜单的子菜单在它的父级下对齐？

Question

我无法搞清楚这个，这是一个菜单我改变了一点，使其在触摸设备上更有用。因此，我需要CSS的第一部分保持原样的普通屏幕，然后必须用触摸样式覆盖它。但是，当我选择服务时，我试图将服务的子菜单定位在服务下面。见草图。我创造了一个小提示来表明我的问题。

我的主要问题，以及解决它的问题是，我似乎无法让ul.level_2将自己定位在所选的li下，无论是绝对位置还是浮动和清除。有什么想法吗？

JS fiddle of problem

Answer 1

我稍微捏了一下你的例子，告诉你实现这个目标所需的最小css是多少。 http://jsfiddle.net/3EKAq/10/

子菜单的定位应该相当容易，几乎可以自动进行，无需定位就可以看到。

我认为关键在于清除你想要出现在左边的菜单元素，在这种情况下是第4个。您还可以考虑使用:n-th child css3选择器，但我不会这样做以实现跨浏览器兼容性。

希望这会让你朝着正确的方向前进。如果您需要更多帮助，请随时告诉我们！