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 。