对齐NavBar Right导致NavBar禁用

Question

我试图正确对齐我的导航栏，但每当我添加浮动：右键时，导航栏会向右移动，但似乎会被禁用。

见这里：goo.gl/46yUrt

代码：

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

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

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

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

Answer 1

float：right似乎将导航栏定位在另一个元素下面。添加z-index：1会修复，但您仍需要调整条形的位置。