为什么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>

<div class="banner">

    <img src="img/banner.png" alt="">

</div>




<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;
}