html - 试图制作一个纯 css 下拉菜单 - 子菜单不在主节点下方

Question

我试图通过本教程制作一个纯 css 下拉菜单:http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

几乎可以正常工作，但“测试 2”和“测试 3”的子菜单位于“测试 1”下方，而不是“测试 2”和“测试 3”下方。这是我的:http://jsbin.com/koyuxago/1/edit

你能告诉我我的错误在哪里吗？谢谢。

Answer 1

您的子菜单已离开:0px；和绝对地位。我编辑了你的代码

http://jsbin.com/koyuxago/2/

将相对位置添加到#content #nav ul li woudl 会做同样的事情。