导航列表没有正确居中

Question

我正在学习如何编写目前的Wordpress主题，而我在导航菜单中心方面遇到了麻烦。它向右移动太远了。我已经包含了一个图像来说明我提供的代码的问题。

以下是问题截图的链接：http://i59.tinypic.com/8z1m2o.png

puppet agent -t

Answer 1

.site-nav有position: fixed, left: 50%因此元素的左侧将位于屏幕中间。如果必须使用固定定位，请删除此规则或为元素margin-left: -X提供X等于.site-nav宽度的一半。

Answer 2

.site-nav {

    width: 100%
    position: fixed;
    margin: 0;
}

.site-nav ul{

    position: relative;
    background-color: rgba(255,255,255,0.8);
    padding: 0px;
    margin: 0px auto;
}