Css 为什么'；我的菜单是否右侧浮动，项目是否自行显示而未更正？

对不起我的英语

我的菜单显示不正确！问题：它不在完整的容器上！如何修复它

代码如下：

    <header id="header">
            <div class="center">
                <a href="#" class="logo">SITE NAME</a>
                <nav>
                    <ul>
                        <li class="active"><a href="#">HOME</a></li>
                        <li><a href="#">ABOUT</a></li>
                        <li><a href="#">SERVICES</a></li>
                        <li><a href="#">PROJECT</a></li>
                        <li><a href="#">BLOG</a></li>
                        <li><a href="#">CONTACT</a></li>
                    </ul>
                </nav>
                <div class="clear"></div>
            </div>

        </header>

<style>
/*HEADER*/
/*HEADER*/
header{
       padding: 20px 0;
    /* height: 118px; */
    position: fixed;
    background: white;
    width: 100%;
    z-index:300;
}
header .logo{
    float: left;
    width: 20%;
    color: #637f83;
    font-size: 2em;
    font-weight: bold;
    margin: 0;
}

    header nav ul {
    /*        position: absolute;
        right: 0;
        width: 70%; */
    }
header nav{
    float: left;
    margin-left:50px;
    /* width: 50%; */
    line-height: 46px;
    height: 50px;

}
header nav ul li{
    float:left;
    padding:0 0 0 1%;

}
header nav ul{
    float:right;
}
header nav ul li a{
    color:#637f83;
    display:block;
    float: left;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
    font-size: 17px;
}
</style>

/*标题*/
/*标题*/
标题{
填充：20px0；
/*高度：118px*/
位置：固定；
背景：白色；
宽度：100%；
z指数：300；
}
标题。标志{
浮动：左；
宽度：20%；
颜色：#637f83；
字号：2em；
字体大小：粗体；
保证金：0；
}
标题导航ul{
/*位置：绝对位置；
右：0；
宽度：70%*/
}
标题导航{
浮动：左；
左边距：50像素；
/*宽度：50%*/
线高：46px；
高度：50px；
}
标题nav ul li{
浮动：左；
填充：01%；
}
标题导航ul{
浮动：对；
}
标题nav ul li a{
颜色：#637f83；
显示：块；
浮动：左；
文本对齐：居中；
填充：0px 16px；
文字装饰：无；
字号：17px；
}

谢谢大家!

标题{
填充：20px0；
/*高度：118px*/
位置：固定；
背景：白色；
宽度：100%；
z指数：300；
}
标题。标志{
浮动：左；
宽度：20%；
颜色：#637f83；
字号：2em；
字体大小：粗体；
保证金：0；
}
标题导航ul{
/*位置：绝对位置；
右：0；
宽度：70%*/
}
标题导航{
浮动：对；
宽度：79%；
}
标题nav ul li{
浮动：左；
填充：01%；
}
标题导航ul{
列表样式：无
}
标题nav ul li a{
颜色：#637f83；
显示：块；
文本对齐：居中；
填充：0px 16px；
文字装饰：无；
字号：17px；
}
.清楚{
清楚：两者都有
}