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;to.content-menuとposition: absolute; right: 0;toを追加し.navます (両方ともモバイルサイズのメディアクエリ内)。

編集また、の幅を削除し、.navに.nav > li変更してmax-width: 280px; min-width: 200px;、300px 未満の画面で壊れないようにします。

それが役立つことを願っています。