javascript - 自定义响应式下拉菜单

Question

我正在尝试整合 Responsive Nav进入我的网站，并在建立所需布局时遇到一些困难。

我创建了一个 JSFiddle here ;您可以调整“结果”面板的宽度，以查看导航栏折叠成响应式下拉菜单图标。实际下拉栏的功能是完美的；但是，我遇到的问题是当导航链接未折叠到菜单中时，它试图使导航链接 float 在标题旁边。因此，我不想让(未折叠的)链接列表位于标题下方，而是将它们放在标题旁边，但当图标被脚本激活时会下拉到下方。

CSS 是我自己的组合，还有一些来自插件开发者的示例。我想我最终会考虑让 nav#primary ul float 在标题 (H1) 的左侧，然后在 display:block 折叠到响应式导航栏中时。

在此感谢您的帮助。

Answer 1

试试这个 → http://jsfiddle.net/matbloom/3DUj5/

这应该可以解决问题:

nav#primary {
    float: right;
    width: 70%;
}

只需调整#primary 的宽度以配合您的演示文稿，一切就绪。