question1：a＞img导致下面的元素位置下移

一、代码

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