html

    <header id="header">
    <section class="caaaaa">
<h1 class="logo">旅行社</h1>
<nav class="link">
<h2 class="none">说走就走</h2>
<ul >
    <li class="active"><a href="###">首页</a></li>
    <li><a href="###">旅游资讯</a></li>
    <li><a href="###">机票订购</a></li>
    <li><a href="###">风景欣赏</a></li>
    <li><a href="###">公司简介</a></li>
</ul>
</nav>
</section>

css样式

@charset "utf-8";
body,h1,ul,h2,p,figure{
margin: 0;
padding: 0px;
}
ul{
list-style: outside none none;
}
a{
text-decoration: none;
}

header{

width: 100%;
min-width: 1263px;
height: 70px;
background-color: #333;
box-shadow: 0 1px 10px rgb(0,0,0,0.3);
z-index: 9999;

}

header .caaaaa{

width: 1263px;
height: 70px;
margin: 0 auto;

}

header .logo{

width: 240px;
height: 70px;
background-image:url(../img/logo.png) ;
text-indent:-9999px ;
float: left;

}
.none{
display: none;}

header .link{

width: 650px;

height: 70px;
line-height: 70px;
float: right;
}

header .link li{

width: 120px;
color: white;

text-align: center;
float: left;

}

header .link a{

color: #eee;
display: block;
}

header .link a:hover,#header .active a{

background-color: #000;}

QQ截图20171207212909.png

</header>   sds```