css - 在常规文本流中显示子菜单

Question

在过去的几天里，我将菜单切换到了适合移动设备的版本。到目前为止几乎完成，只剩下一个问题:在桌面版本中，我已经绝对定位子菜单，以便它们在可见时覆盖下面的内容。但是，在移动版本中，我想让它们出现在常规文本流中，这样当我使它们可见时，下面的内容就会向下滑动。我正在使用媒体查询并尝试将位置属性设置为“静态”，但这没有用: #Navigation li ul { 位置:静态； 显示:无； }我的测试页:http://ulrichbangert.de/indexr3.php (将视口(viewport)的大小调整为较小的宽度，直到菜单只有一列。)我使用了本教程:http://www.menucool.com/ddmenu/create-mobile-friendly-responsive-menu.aspx它在哪里工作就像我想要的那样。但是我不能一个一个地使用它，因为我想保留现有菜单的布局。最好的问候 - 乌尔里希

Answer 1

与此同时，我能够自己解决这个问题:显然，某些 CSS 属性在嵌套列表中而不是在顶层时无法更改。在这种情况下，属性位置。之后，我遇到了同样的问题，属性宽度无法更改为 100%，属性 padding-left 也无法更改。几年前，当我使用属性高度实现此菜单的初始版本时，在最初将其设置为 0 后，我无法将其更改为悬停时自动。只有设置为固定高度才有效。怎么会这样？它是故意的还是浏览器实现中的错误？ (我用火狐测试过)。不管怎样，我的菜单现在可以正常工作了，就像我想的那样。