响应Megamenu问题

时间:2014-04-18 10:32:33

标签: html5 css3 nav megamenu

我创建了一个超级菜单。它工作正常,但我想做一些改变。但我无法弄清楚如何做到这一点。我想使导航栏宽度覆盖网络的整个宽度。然后我希望megamenu如此截图所示。我怎样才能做到这一点。请帮忙。这是我的代码http://codepen.io/anon/pen/FpuDK/ enter image description here

1 个答案:

答案 0 :(得分:2)

这不行吗?在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/