html - 响应式 Megamenu 问题

Question

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

Answer 1

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

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

它对我有用！:)

---

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

解决方案是：

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

我想你可以从这里开始：

预习

小提琴：http ://codepen.io/anon/pen/rsyDJ/