css - 对齐 NavBar Right 导致 NavBar 禁用

Question

我正在尝试右对齐我的 NavBar，但每当我添加 float:right 时，导航栏都会向右移动，但似乎已禁用。

参见此处:goo.gl/46yUrt

代码:

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
    clear: both;
    margin: 0;
    max-width: 100%;
    min-height: 45px;
    position: relative;
    float:right;
}

我使用的是 TwentyThirteen 主题的自定义修改版本。

理想情况下，我希望菜单位于顶部的 Logo 旁边，两者都居中。

Answer 1

float:right 似乎将导航栏定位在另一个元素下方。添加 z-index:1 可以解决这个问题，但您仍然需要调整栏的位置。