我想和图片末尾呈现一样，但是不管用table还是div都会错乱，求大神改良代码
<!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:pink;position:relative;top:40px;clear:both;}
#fot1{position:relative;top:-80px;}
hr{position:relative;top:60px;width:100%; height:2px;}
table{}
</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>
</body>
</html>
慕尼黑15895702回答
-
李裹富
不知道你想要干嘛。 目标啥样 现在啥样 至少说清楚嘛
随时随地看视频慕课网APP
CSS3
Html/CSS