如何使三级菜单的子菜单与其父菜单对齐？

Question

3

我遇到了一些困难，这是一个菜单，我正在对其进行一些更改，以使其在触摸设备上更易于使用。因此，我需要CSS的第一部分保持正常屏幕的状态，然后用触摸样式覆盖它。但是我试图将服务的子菜单定位在选择服务时的服务下面。请参见草图。我创建了一个示例来展示我的问题。

我的主要问题，并且可以解决它的问题是，我似乎无法使ul.level_2定位在所选li下面，无论是绝对位置还是浮动和清除。任何想法？

Picture of intended layout

- plebksig

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pevara · Accepted Answer

我简化了你的示例，以展示实现此目标所需的最小CSS内容。http://jsfiddle.net/3EKAq/10/ 子菜单的定位应该相当容易，几乎自动完成，无需定位，正如您所见。

我认为关键在于清除要显示在左侧的菜单元素，这种情况下是第四个。您也可以考虑使用:nth-child CSS3选择器，但为了跨浏览器兼容性，我不建议这样做。

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