CSS响应式菜单 - 右侧填充

Question

我在div中间有响应式菜单。

调整大小后，屏幕菜单移动到屏幕右侧。

---

预览示例：>>> CODE here <<<（所有html / css / js均可通过网络访问）

看起来像这样＆gt;

---

问题：

如何将其右对齐，如图片所示......

提前谢谢。

PS：代码在示例链接（html文件）

中

Answer 1

div.content-menu {
    position: relative;
}
ul.nav {
    position: absolute;
    right: 0px;
}

Answer 2

将position: relative;添加到.content-menu，将position: absolute; right: 0;添加到.nav（均在移动尺寸媒体查询中）。

编辑还可以移除.nav上的宽度和.nav > li并将其更改为max-width: 280px; min-width: 200px;，以便它不会在屏幕上中断小于300px。

希望有所帮助。