一、代码
HTML代码
<div class="head">
<div class="logo fl">
<a href=""><img src="/images/logo2018.png" alt=""></a>
</div>
</div>
<div class="menu">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">学校概况</a></li>
<li><a href="#">机构设置</a></li>
<li><a href="#">师资团队</a></li>
<li><a href="#">招生就业</a></li>
<li><a href="#">人才培养</a></li>
<li><a href="#">学生工作</a></li>
<li><a href="#">教学资源</a></li>
<li><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>
</div>
CSS
.header {
height: 205px;
width: 100%;
background: #9E0000;
}
.head {
width: 1200px;
height: 140px;
margin: 0 auto;
}
.logo img{
width: 640px;
height: 140px;
}
二、问题描述
影响了下面的li排版
三、问题分析
三、解决办法
css文件中加入
.logo {
width: 640px;
height: 140px;
}