使用显示的水平弹出菜单：内联

Question

是否可以在不使用float的情况下创建水平弹出菜单？ 我在this fiddle display:inline尝试了它。 我的目标是得到像第二个例子的结果。 不幸的是，我不得不使用浮动......

你知道我错过了什么吗？ 如果您有链接等，请发布。

非常感谢您的帮助。

编辑： 这是我有多远...... http://jsfiddle.net/gbMsq/2/

第二个列表项下面应该有另一个列表。但它是在第一个列表项下设置的。

Answer 1

喜欢这个吗？

工作示例：here

example 3使用display: inline-block代替float，并将块垂直对齐到顶部

更新

更新小提示以显示OP中的第一个示例和最新示例..两者都使用相同的CSS

Answer 2

您可以尝试使用这样的绝对定位：

li > ul { position: absolute; }

Demo

缺点/优点是内部ul被取消，如我的演示中所示。如果你想要一个下拉菜单可能会很好，如果没有，你可以在外部ul添加一些高度，或坚持浮动。