使用 display:inline 的水平弹出菜单
是否可以在不使用 float 的情况下创建水平弹出菜单？ 我在 这个小提琴 中用 display:inline 尝试过它。 我的目标是得到像第二个例子一样的结果。 不幸的是我不得不使用浮动......
你知道我错过了什么吗？ 如果您有链接等，请发布。
非常感谢您的帮助。
编辑： 这就是我已经走了多远... http://jsfiddle.net/gbMsq/2/
第二个列表项应该有另一个列表它。但它设置在第一个列表项下。
is it possible to create a horizontal flyout menu without using float?
I tried it in this fiddle with display:inline.
My aim was to have a result like the second example.
Unfortunately I had to work with float ...
Do you have any idea what I am missing?
If you have a link, etc. post it, please.
Your help is much appreciated.
EDIT:
This is how far I got...
http://jsfiddle.net/gbMsq/2/
The second list-item should have another list under it. But it is set under the first list-item.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
像这样？
工作示例：此处
示例 3使用display: inline- block而不是float，并将块垂直对齐到顶部更新的
小提琴已更新，以显示 OP 中的第一个示例和最新示例。两者都使用相同的 CSS
Like this?
Working Example: here
example 3usesdisplay: inline-blockinstead offloat, and vertically aligns the blocks to the topUpdated
fiddle updated to show the first example and the latest one in the OP.. both use the same CSS
您可以尝试使用绝对定位，如下所示：
Demo
缺点/优点是内部
ul已从流程中删除，如我的演示中所示。如果您想要一个下拉菜单，这可能会很好，如果不需要，您可以在外部ul上添加一些高度，或者坚持使用浮动。You can try using absolute positioning like this:
Demo
The downside/advantage is that the inner
ulis taken out of flow, as seen in my demo. It might be good if you want a dropdown menu, if not, you can add some height to the outerul, or stick to floats.