css - CSS 响应式菜单 - 右填充

Question

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

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

预览示例：>>> 此处的代码 <<<（所有 html/css/js 均可通过 Web 访问）

它看起来像这样 >

问题：

如图所示如何将其对齐...

先感谢您。

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

score 2 · Accepted Answer

2

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

于 2013-07-31T08:36:21.733 回答

score 1 · Accepted Answer

添加position: relative;到.content-menu和position: absolute; right: 0;到.nav（都在移动设备大小的媒体查询中）。

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

希望有帮助。