css - 右对齐 NavBar 会导致 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 可以解决这个问题，但您仍然需要调整栏的位置。