<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>滁州學(xué)院網(wǎng)頁</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="#">網(wǎng)站首頁</a></li> <li><a href="#">校情總覽</a></li> <li><a href="#">機(jī)構(gòu)設(shè)置</a></li> <li><a href="#">教育教學(xué)</a></li> <li><a href="#">科學(xué)研究</a></li> <li><a href="#">師資隊(duì)伍</a></li> <li><a href="#">招生就業(yè)</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="">學(xué)校第二次黨代會(huì)</a></li> <li><a href="">教學(xué)質(zhì)量工程網(wǎng)</a></li> <li><a href="">辦公自動(dòng)化系統(tǒng)</a></li> <li><a href="">師德師風(fēng)建設(shè)</a></li> <li><a href="">學(xué)工系統(tǒng)</a></li> <li><a href="">招生網(wǎng)</a></li> <li><a href="">招標(biāo)采購</a></li> </ul> </div> <div> <form> <select id="s1"> ? ?<option value="" selected>教學(xué)院部</option> ? ?<option value="">---------</option> ? ?<option value="">文學(xué)與傳媒學(xué)院</option> ? ?<option value="">數(shù)學(xué)與金融學(xué)院</option> ? ?<option value="">計(jì)算機(jī)與信息工程學(xué)院</option> ? ?<option value="">機(jī)械與汽車工程學(xué)院</option> ? ?</select> ? ?<select> ? ?<option value="" selected>組織機(jī)構(gòu)</option> ? ?<option value="">---------</option> ? ?<option value="">文學(xué)與傳媒學(xué)院</option> ? ?<option value="">數(shù)學(xué)與金融學(xué)院</option> ? ?<option value="">計(jì)算機(jī)與信息工程學(xué)院</option> ? ?<option value="">機(jī)械與汽車工程學(xué)院</option> ? ?</select> ? ?<select> ? ?<option value="" selected>友情鏈接</option> ? ?<option value="">---------</option> ? ?<option value="">文學(xué)與傳媒學(xué)院</option> ? ?<option value="">數(shù)學(xué)與金融學(xué)院</option> ? ?<option value="">計(jì)算機(jī)與信息工程學(xué)院</option> ? ?<option value="">機(jī)械與汽車工程學(xué)院</option> ? ?</select> ? ?<select> ? ?<option value="" selected>信息服務(wù)</option> ? ?<option value="">---------</option> ? ?<option value="">文學(xué)與傳媒學(xué)院</option> ? ?<option value="">數(shù)學(xué)與金融學(xué)院</option> ? ?<option value="">計(jì)算機(jī)與信息工程學(xué)院</option> ? ?<option value="">機(jī)械與汽車工程學(xué)院</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>
我想和圖片末尾呈現(xiàn)一樣，但是不管用table還是div都會(huì)錯(cuò)亂，求大神改良代碼
慕尼黑1589570
2017-07-07 11:23:05
