我现在只要在中间写代码，后面就会发生错乱怎么办，现在我要补充中间的内容，求老师帮忙
就是中间委员新闻那一块，求老师帮我解决<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>滁州学院网页</title>
<style type="text/css">
body{
margin:0;padding:0;text-align:center;font-size:16px;
}
.menu{width:950px;height:32px;background:#093;position:relative;top:10px;margin:0 auto ;}
.menu ul{float:right;position:relative;bottom:12px;margin:0 auto }
.menu ul li{
list-style-type:none;
margin:0 13px;
line-height:50px;
float:left;
;
}
.header{width:950px;height:120px;margin:0 auto;background-image:url(images/logo.jpg);line-height:950px;}
.container{width:950px;margin:0 auto;height:500px;position:relative;top:10px;}
.left{width:320px;height:100%;background:green;float:left;line-height:500px; }
.right{width:200px;height:100%;background:;float:right;}
.right1 ul li {text-align: left;}
.right1 ul li a{text-decoration:none;color:black;}
#s1{margin-top:50px;}
select{margin-top:4px;margin-bottom:4px;}
.right2 input{text-align:center; }
.middle{width:430px;height:;}
.footer{width:950px;height:200px;margin:0 auto;line-height:200px;background:;position:relative;top:40px;}
#fot1{position:relative;top:-80px;}
hr{position:relative;top:60px;width:100%; height:2px;}
#flood{position:absolute; top:0px;left:-0px;font-size:12px;}
#di2{position:relative;left:-30px;}
#di3{position:absolute;top:40px;}
#di4{position:relative;top:-150px;left:480px;}
#di4 img{margin:30px;}
</style>
</head>
<body>
<div class="header"></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>
</ul>
</div>
<div class="container">
<div class="left"><img src="images/banner.jpg" height="500px" width="320px"/></div>
<div class="middle">
</div>
<div class="right">
<div class="right1">
<ul type="square">
<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>
<div>
<form>
<select id="s1">
<option value="" selected>教学院部</option>
<option value="">---------</option>
<option value="">文学与传媒学院</option>
<option value="">数学与金融学院</option>
<option value="">计算机与信息工程学院</option>
<option value="">机械与汽车工程学院</option>
</select>
<select>
<option value="" selected>组织机构</option>
<option value="">---------</option>
<option value="">文学与传媒学院</option>
<option value="">数学与金融学院</option>
<option value="">计算机与信息工程学院</option>
<option value="">机械与汽车工程学院</option>
</select>
<select>
<option value="" selected>友情链接</option>
<option value="">---------</option>
<option value="">文学与传媒学院</option>
<option value="">数学与金融学院</option>
<option value="">计算机与信息工程学院</option>
<option value="">机械与汽车工程学院</option>
</select>
<select>
<option value="" selected>信息服务</option>
<option value="">---------</option>
<option value="">文学与传媒学院</option>
<option value="">数学与金融学院</option>
<option value="">计算机与信息工程学院</option>
<option value="">机械与汽车工程学院</option>
</select>
<div class="right2">
<input type="text" name="sousuo" size="15px" />
<input type="image" name="" src="images/fang.png"/>
</div>
</form>
</div>
</div>
</div>
<div class="footer">
<table width="100%" id="fot1" >
<tr>
<td><a href=""><img src="images/xinxi.png" /></a></td>
<td><a href=""><img src="images/wangluo.png" /></a></td>
<td><a href=""><img src="images/he.png" /></a></td>
<td><a href=""><img src="images/fei.png" /></a></td>
<td><a href=""><img src="images/jiaoyu.png" /></a></td>
<td><a href=""><img src="images/gaosu.png" /></a></td>
</tr>
<hr color="#093"/>
</table>
<div id="flood">
<div id="di2"><p> 版权所有 © 滁州学院 皖ICP备11015759号 邮编：239000 </p> </div>
<div id="di3">
<p>校址：安徽省滁州市会峰西路1号（会峰校区） 安徽省滁州市琅琊路2号</p></div>
<div id="di4">
<img src="images/huizhang.png" alt="滁州学院校徽" width="60" height="60" title="滁州学院校徽" />
<img src="images/qq.jpg" alt="滁州学院微信公众号" width="60" height="60" title="滁州学院微信公众号" />
<img src="images/erwei1.jpg" width="60" height="60" alt="滁州学院QQ公众号" title="滁州学院QQ公众号"/>
<img src="images/erwei2.jpg" width="60" height="60" alt="滁州学院新浪微博" title="滁州学院新浪微博"/></div>
</div>
</div>
</body>
</html>
慕尼黑15895700回答
随时随地看视频慕课网APP
CSS3
Html/CSS