在过去的几天里,我将菜单切换为适合移动设备的版本。到目前为止几乎完成了,只剩下一个问题:在桌面版本中,我绝对定位了子菜单,以便在显示时覆盖下面的内容。但是,在移动版本中,我希望将它们放在常规文本流中,以便下面的内容在我将其显示时向下滑动。我正在使用mediaqueries并尝试将position属性设置为“static”但这不起作用: #Navigation li ul { 位置:静态; display:none; } 我的测试页面:http://ulrichbangert.de/indexr3.php(将视口调整到一个很小的宽度,直到菜单有一列。)我已经使用了本教程:http://www.menucool.com/ddmenu/create-mobile-friendly-responsive-menu.aspx它的工作方式与我想要的一样。但是我不能一个一个地使用这个,因为我想保留现有菜单的布局。最好的问候 - Ulrich
答案 0 :(得分:0)
与此同时,我能够自己解决这个问题:显然有些CSS属性在嵌套列表中而不是顶层时无法更改。在这种情况下属性位置。后来我遇到了属性宽度相同的问题,我无法更改为100%,属性padding-left也无法更改。几年前,当我使用属性高度实现此菜单的初始版本时,在最初将其设置为0后,我无法在悬停时将其更改为自动。仅设置为固定高度。 怎么会这样?是故意还是浏览器实现中的错误? (我用firefox测试过)。 无论如何,我的菜单工作正常,就像我想的那样。