麻烦老师看下代码

html：

body>

    <!-- 页面头部 -->

    <header>

        <div class="main-top">

            <!-- logo -->

            <div class="logo">

               <a href=""><img src="images/logo.png" alt=""></a>

            </div>

            <!-- 导航条 -->

            <nav class="main-nav">

                <ul>

                    <li><a href="">HOME</a></li>

                    <li><a href="">ABOUT</a></li>

                    <li><a href="">GALLERY</a></li>

                    <li><a href="">FACULTY</a></li>

                    <li><a href="">EVENTS</a></li>

                    <li><a href="">CONTACT</a></li>

                </ul>

            </nav>

        </div>

    </header>

css：

*{

    padding: 0;

    margin: 0;

}

ul,ol{

    list-style: none;

}

a{

    text-decoration: none;

}

header{

    width: 100%;

    height: 80px;

    background-color: #07cbc9;

}

header .main-top{

    width: 1200px;

    margin: 0 auto;

    /*清除浮动  */

    overflow: hidden;

}

header .main-top .logo{

    float: left;

    height: 48px;

    padding-top: 16px;

}

header .main-top .main-nav{

    float: right;

    height: 48px;

    padding-top: 16px;

}

header .main-top .main-nav ul{

    width: 600px;

    height: 48px;

    margin: 0 auto;

}

header .main-top .main-nav ul li{

    float: left;

    margin-right: 20px;

    text-align: center;

    line-height: 48px;

}

header .main-top .main-nav ul li:last-child{

    margin-right: 0;

}

header .main-top .main-nav ul li a{

    display: block;

    color: #fff;

    font-size: 16px;

}