为什么banner地下的div被banner挡住了一部分，怎么解决
html：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/css.style.css">
<title>商业网站</title>
</head>
<!----------------------导航部分----------------------------->
<ul class="nav">
<li class="logo">LOGO</li>
<li class="xuanzhong">网站首页</li>
<li>关于我们</li>
<li>新闻中心</li>
<li>产品展示</li>
<li>客户案例</li>
<li>给我留言</li>
<li>人才招聘</li>
<li>联系我们</li>
</ul>
<!-----------------------banner----------------------------->
<div class="banner">
<img src="img/banner.png" alt="">
</div>
<!-----------------------about us--------------------------->
<div class="aboutus">
<div class="tittle">关于我们</div>
</div>
<body>
</body>
</html>
css：
@charset "utf-8";
/* CSS Document */
body {
margin: 0 auto;
padding: 0;
}
/************************导航栏****************************/
.nav{
width: 1240px;
heigh: 133px;
margin: 0 auto;
font-family: "microsoft yahei";
}
.nav li {
list-style: none;
float: left;
width: 107px;
height: 100%;
line-height: 133px;
text-align: center;
font-size: 18px;
color: #333;
}
.nav .logo {
width: 363px;
height: 100%;
font-size: 64px;
color: #0c53ad;
font-family: "microsoft yahei";
}
.nav .xuanzhong{
background-color: #1040A8;
color: #fff;
}
/***********************banner******************************/
.banner {
width: 100%;
height: 508px;
margin: 0 auto;
}
.banner img {
margin: 0 auto;
}
/***********************about us*************************/
.aboutus {
width: 1162px;
height: 445px;
margin: 0 auto;
border-bottom: 6px solid #1566c1;
background-color: aqua;
}
