html - CSS：特定の幅のない固定メニューを中央に配置

Question

私は何かに苦労してきました：CSSメニューを中央に配置します!! 私はそれを行う方法を理解することはできません。私は何が間違っているのですか？

http://jsfiddle.net/yfVs2/

Answer 1

これを試して

.menu {
    height: 80px;
    border: 1px solid rgba(255,255,255,0.3);
    position: fixed;
    top: -8px;
    left: 50%;
    margin-left: -200px; /* half of the .menu width if you don't know width delete this line */
}

また、この要素の幅がわからない場合は、javascript/jqueryを使用して動的に計算できます。

$(document).ready(function() {
    var wdth = $('.menu').width();
    wdth = wdth/2;
    $('.menu').css('margin-left', -wdth);
});

これが実際の例ですhttp://jsfiddle.net/yfVs2/11/

Answer 2

固定位置を使用しました。そのため、マージンオートは固定位置では機能しません。次のことができます。

1. 固定位置を削除します。divでラップし、幅を100％に割り当てます。
2. 幅を設定しますul。ul増加するにつれて増加させたい場合は、継承する幅をli設定できます。ul
3. それでもできない場合は、コメントしてください。コードをアップロードします。しかし、私はあなたがそれを自分で行うことができると確信しています。

Answer 3

を使用したことが原因である可能性がありますfloat:left。