使用 display:inline 的水平弹出菜单

Question

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

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

非常感谢您的帮助。

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

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

Answer 1

像这样？

工作示例：here

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

更新

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

Answer 2

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

li > ul { position: absolute; }

Demo

缺点/优点是内部ul 不流畅，如我的演示所示。如果你想要一个下拉菜单可能会很好，如果没有，你可以给外部ul增加一些高度，或者坚持浮动。