<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標(biāo)題文檔</title><link href="css/main.css" rel="stylesheet" type="text/css"/><script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script></head><body>? ? <div class="top">? ? ? ? ?<div class="top_content">? ? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>? ? ? ? ? ? ? ? ? <li><a href="#" onclick="AddFavorite(window.location,document.title)"> ? ? ? ? ? ? ? ? ? ? ? 加入收藏</a></li>? ? ? ? ? ? ? ? ? <li><a href="#" onclick="SetHome(window.location)">設(shè)為首頁</a></li> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? </ul>? ? ? ? ?</div>? ? </div><!--top結(jié)束-->? ? <div class="wrap">? ? ? ? ?<div class="logo">? ? ? ? ? ? ? <div class="logo_left">? ? ? ? ? ? ? ? ? <img src="image/logo.jpg" alt="慕課網(wǎng)"/>? ? ? ? ? ? ? </div>? ? ? ? ? ? ? <div class="logo_right">? ? ? ? ? ? ? ? ? ?<img src="image/tel.jpg" alt="服務(wù)熱線"/>24小時服務(wù)熱線<span class="tel"> ? ? ? ? ? ? ? ? ? ?：123-456-7890</span>?? ? ? ? ? ? ? </div>? ? ? ? ?</div><!--/*logo結(jié)束*/-->? ? ? ? ?<div class="nav">? ? ? ? ? ? ? <div class="nav_left">? ? ? ? ? ? ? </div>? ? ? ? ? ? ? <div class="nav_middle">? ? ? ? ? ? ? ? ? ?<div class="XP">? ? ? ? ? ? ? ? ? ? ? ?<ul>? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">關(guān)于慕課</a></li>? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">新聞動態(tài)</a></li>? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">課程中心</a></li>? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">在線課程</a></li>? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">人才招聘</a></li>? ? ? ? ? ? ? ? ? ? ? ?</ul> ?? ? ? ? ? ? ? ? ? ?</div>? ? ? ? ? ? ? ? ? ?<div class="nav_middle_right">? ? ? ? ? ? ? ? ? ? ? ? ? <form action="" method="post">? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<input type="text" />? ? ? ? ? ? ? ? ? ? ? ? ? </form>? ? ? ? ? ? ? ? ? ?</div>? ? ? ? ? ? ? </div><!--navmiddle結(jié)束-->? ? ? ? ?? ? ? ? ? ? ? <div class="nav_right">? ? ? ? ? ? ? </div>? ? ? ? ?</div><!--NAV結(jié)束-->? ? </div><!--/*wrap結(jié)束*/--></body></html>////////////////////////////////////////////////////////////////CSS//////////////////////////////////////////@charset "utf-8";/* CSS Document */*{margin:0;padding:0;font-size:12px}/*頭部*/body{ background-color:#F5F5F5;}.top{ width:100%; height:27px; background:url(../image/top_bg.jpg) repeat-x;}.top_content{? ? ? width:1000px; ?margin:0 auto;} ?.top_content li{? ? list-style-image:url(../image/li_bg.gif); float:right; width:70px; line-height:27px; } .top_content a:link,.top_content a:visited{ color:#8E8E8E; text-decoration:none}.top_content a:hover,.top_content a:active{? ? color:#900; text-decoration:none;}.wrap{ width:1000px; margin:0 auto;} .logo{ height:80px; background-color:#FFF }.logo_left{ ?? ? width:200px; float:left}.logo_right{ width:300px; float:right; height:28px; margin-top:30px; color:#8E8E8E; }.logo_right img{ ? vertical-align:middle;? ? ?margin-right:10px }.tel{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#C00;} .nav{ height:40px; } .nav_left{ width:10px; background:url(../image/nav_left.jpg) no-repeat; } .nav_middle{ width:980px; background: url(../image/nav_bg.jpg) repeat-x; } .nav_right{ width:10px; background:url(../image/nav_right.jpg) no-repeat; }.nav_left,.nav_middle,.nav_right{ float:left; height:40px}}.XP{ width: 680px; float: left; }.nav_middle_right{ width: 300px; float: left; } ? ? ? ? ??
求救各位，為何我的nav_middle_right元素始終在nav_middle_left元素下面，謝謝！
慕無忌2961384
2017-08-31 23:35:21
