3

我很难弄清楚这个，这是一个我正在更改的菜单，以使其在触摸设备上更有用。因此，我需要 CSS 的第一部分保持正常屏幕的状态，然后必须用触摸样式覆盖它。But I am trying to position the sub menu of services below services when services is selected. 见草图。我创建了一个小提琴来展示我的问题。

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

预期布局的图片

JS小提琴的问题

4

1 回答 1

2

我稍微简化了您的示例，以向您展示实现此目标所需的最少 css 是什么。http://jsfiddle.net/3EKAq/10/

子菜单的定位应该相当容易，它几乎是自动的，你可以看到不需要定位。

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

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

于 2012-08-19T00:37:16.310 回答