不知道怎么回事，救救孩子吧
<!DOCTYPE html>
<html>
? <head>
? ? <meta charset="utf-8">
? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">
? ? <meta name="viewport" content="width=device-width, initial-scale=1">
? ? <title>企業網站綜合布局實戰</title>
? ? <link href="css/main.css" rel="stylesheet" type="text/css">
? ? <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
? ? <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
? ? <script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
? ? <link rel="stylesheet" href="js/mf-pattern/mF_fancy.css" type="text/css"/>
? ? <script type="text/javascript">
? ? ? ? myFocus.set({
? ? ? ? ? ?id:'picbox'
? ? ? ? })
? ? </script>
? ? ?<style>
? ? ? ? *{
? ? ? ? ? margin:0;
? ? ? ? ? padding: 0;
? ? ? ? ? font-size: 12px;
? ? ? ? }
? ? ? ? body{
? ? ? ? ? background-color: #f5f5f5;
? ? ? ? }
? ? ? ? .top{
? ? ? ? ? width: 100%;
? ? ? ? ? height: 27px;
? ? ? ? ? background-image: url(images/top_bg.jpg) ;
? ? ? ? ? background-repeat: repeat-x;
? ? ? ? }
? ? ? ? .top-content{
? ? ? ? ? width:1000px;
? ? ? ? ? margin: 0 auto;
? ? ? ? }
? ? ? ? .top-content li{
? ? ? ? ? list-style-image: url(images/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:990px;
? ? ? ? ? margin:0 auto;
? ? ? ? }
? ? ? ? .logo{
? ? ? ? ? height: 80px;
? ? ? ? }
? ? ? ? .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:"微軟雅黑";
? ? ? ? ? font-size: 16px;
? ? ? ? ? color: #c00;
? ? ? ? ?}
? ? ? ? ?.nav{
? ? ? ? ? height: 40px;
? ? ? ? ?}
? ? ? ? ?.nav-left{
? ? ? ? ? width: 10px;
? ? ? ? ? background-image: url(images/nav_left.jpg);
? ? ? ? ? background-repeat: no-repeat;
? ? ? ? ? float:left;
? ? ? ? ?}
? ? ? ? ?.nav-mid{
? ? ? ? ? width: 980px;
? ? ? ? ? background-image: url(images/nav_bg.jpg);
? ? ? ? ? background-repeat: repeat-x;
? ? ? ? ? float:left;
? ? ? ? ?}
? ? ? ? ?.nav-right{
? ? ? ? ? width:10px;
? ? ? ? ? background-image: url(images/nav_right.jpg);
? ? ? ? ? background-repeat: no-repeat;
? ? ? ? ? float:left;
? ? ? ? ?}
? ? ? ? ?.nav-left,.nav-mid,.nav-right{
? ? ? ? ? ? float:left;
? ? ? ? ? ? height: 40px;
? ? ? ? ?}
? ? ? ? ?.nav-mid-left,.nav-mid-right{
? ? ? ? ? ?float:left;
? ? ? ? ? ?
? ? ? ? ?}
? ? ? ? ?.nav-mid-left{
? ? ? ? ? width: 680px;
? ? ? ? ?}
? ? ? ? ?.nav-mid-right{
? ? ? ? ? width: 300px;?
? ? ? ? ?}
? ? ? ? ?.nav-mid-left li{
? ? ? ? ? float:left;
? ? ? ? ? list-style-type: none;
? ? ? ? ? width: 100px;
? ? ? ? ? text-align: center;
? ? ? ? ? line-height: 40px;
? ? ? ? ?}
? ? ? ? ?.nav-mid-left a:link,.nav-mid-left a:visited{
? ? ? ? ? text-decoration: none;
? ? ? ? ? color: #fff;
? ? ? ? ? font-size: 16px;
? ? ? ? ? font-family: "微軟雅黑";
? ? ? ? ?}
? ? ? ? ? .nav-mid-left a:hover,.nav-mid-left a:active{
? ? ? ? ? text-decoration: none;
? ? ? ? ? color: #ff0;
? ? ? ? ? font-size: 16px;
? ? ? ? ? font-family: "微軟雅黑";
? ? ? ? ?}
? ? ? ? ?.search-text{
? ? ? ? ? width: 190px;
? ? ? ? ? height: 25px;
? ? ? ? ? margin-top: 7px;
? ? ? ? ? background-image: url(images/search.jpg);
? ? ? ? ? background-repeat: no-repeat;
? ? ? ? ? background-position: right center;
? ? ? ? ? background-color: #fff;
? ? ? ? ? padding-right: 25px;
? ? ? ? ?}
? ? ? ? ?.ad{
? ? ? ? ? width:990px;
? ? ? ? ? height: 310px;
? ? ? ? ? overflow: hidden;
? ? ? ? ?}
? ? ?</style>
? </head>
?<body>
? ??
? ? <div class="top">
? ? ? ? <div class="top-content">
? ? ? ? ? ?<ul>
? ? ? ? ? ? ?<li><a href="#" onclick="SetHome(window.location)">設為首頁</a></li>
? ? ? ? ? ? ?<li><a href="#">聯系我們</a></li>
? ? ? ? ? ? ?<li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
? ? ? ? ? ?</ul>
? ? ? ? </div>
? ? </div><!-- top結束 -->
?
? ? <div class="wrap">
? ? ? ? ? ? <div class="logo">
? ? ? ? ? ? ? <div class="logo-left">
? ? ? ? ? ? ? ? <img src="images/logo.jpg" alt="慕課網">
? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? <div class="logo-right">
? ? ? ? ? ? ? ? <img src="images/tel.jpg" alt="服務熱線">24小時服務熱線<span class="tel">123-456-7890</span>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div><!-- logo結束 -->
? ??
? ? ? ? ? ? <div class="nav">
? ? ? ? ? ? ? ?<div class="nav-left"></div>
? ? ? ? ? ? ? ? ? <div class="nav-mid">
? ? ? ? ? ? ? ? ? ? <div class="nav-mid-left">
? ? ? ? ? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#">首頁</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="list.html">關于慕課</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="list.html">新聞動態</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-mid-right">
? ? ? ? ? ? ? ? ? ? ? ? <form action="" method="post">
? ? ? ? ? ? ? ? ? ? ? ? ? ?<input type="text" class="search-text">
? ? ? ? ? ? ? ? ? ? ? ? </form>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ?<div class="nav-right"></div>
? ? ? ? ? ? </div><!--nav結束 -->
? ? ? ? ? ? <div class="ad" id="picbox">
? ? ? ? ? ? ? <div class="loading"><img src="images/loading.gif" alt="圖片加載中"></div>
? ? ? ? ? ? ? <div class="pic">
? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? <li><img src="images/ad2.jpg" alt=""></li>
? ? ? ? ? ? ? ? ? ? ? <li><img src="images/ad3.jpg" alt=""></li>
? ? ? ? ? ? ? ? ? ? ? <li><img src="images/ad4.jpg" alt=""></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div><!--ad結束 -->
? ? </div><!--wrap結束 -->
? </body>
</html>
2021-07-31
檢查一些導航部分的浮動，上面多出來的那部分應該是導航的左側部分
2021-07-31
檢查一些導航部分的浮動，上面多出來的那部分應該是導航的左側部分
2022-03-21
我遇到同樣問題，但是在.nav{ }里加了個display:flex;就好了，也不知道為啥
2021-06-25
我也是這樣，跟著她的做不行，會亂