html - 响应式 Megamenu 问题

Question

我创建了一个大型菜单。它工作正常，但我想做一些改变。但我不知道该怎么做。我想让导航栏的宽度覆盖整个网页的宽度。然后我希望 megamenu 如此屏幕截图所示。我怎样才能做到这一点。请帮助。这是我的代码 http://codepen.io/anon/pen/FpuDK/

Answer 1

这不行吗？将此添加到您的 CSS 的末尾。

#nav ul.subs {width: 100%;}

它对我有用! :)

---

或者，如果我理解错误，您希望大型菜单从菜单的左侧位置开始。如果是这种情况，您需要将菜单链接定位为relative，将大型菜单链接为absolute。

解决方法是:

#nav > li {position: relative;}
#nav ul.subs {position: absolute; width: 500px;}

我猜你可以从这里开始:

预览

fiddle :http://codepen.io/anon/pen/rsyDJ/