1

ナビゲーション メニューをページの中央に配置しようとしています。

tute からコード サンプルを変更しました。

http://jsfiddle.net/B5qkF/

つまり、私が求めているのは、青いメニューがラッパーの中央に表示されることです (注:ラッパーの幅は 100% です) 。

<div id="menu-wrapper">
    <ul id="menu">
        <li>...</li>
        <li>...
            <ul>
                <li>...</li>
            </ul>
        </li>
        <li>...</li>
    </ul>
</div>

andに追加しようとしましmargin: 0px auto;たが、どちらも機能しませんでした。手動で設定してもうまくいきますが。#menu-wrapper#menumargin: 0px 100px;

さらに、サブメニューボタン (オレンジ色のボタン) にカーソルを合わせると、オーバーフローが発生します。明るいオレンジ色のハイライトが右側にオーバーフローします。それを取り除く方法はありますか？

4

2 に答える 2

1

私はあなたがこのように見えることを願っています:- DEMO

CSS

#menu {

    margin: auto;
    overflow: hidden;
    width: 800px;
}
于 2013-07-24T10:27:53.227 に答える
0

margin: 0px auto;代わりに以下を#menu-wrapper試して中央に配置する必要があります#menu

#menu-wrapper{
text-align: center;
}
于 2013-07-24T10:24:28.033 に答える