如题
<div class="ad" id="box"> <div class="loading"><img src="images/loading.gif" alt="图片加载中"/></div> <div class="pic"> <ul> <li><img src="images/ad2.jpg"/></li> <li><img src="images/ad3.jpg"/></li> <li><img src="images/ad4.jpg"/></li> </ul> </div> </div><!--ad结束-->
<head> <meta charset="utf-8"> <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 href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css"/> <script type="text/javascript"> myFocus.set({ id:'box', }) </script> </head>
@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; font-size:12px; } body{ background-color:#f5f5f5; } .top{ width:100%; height:27px; background:url(../images/top_bg.jpg) repeat-x; } .top_mid{ width:1000px; margin:0 auto; } .top_mid li{ list-style-image:url(../images/li_bg.gif); float:right; width:70px; line-height:27px; } .top_mid a:link,.top_mid a:visited{ color:#8e8e8e; text-decoration:none; } .top_mid a:hover,.top_mid a:active{ color:#F00; text-decoration:none; } .wrap{ width:1000px; margin:0 auto; } .logo{ height:80px; background-color:#FFF; } .logo_left{ width:200px; height:80px; float:left; } .logo_right{ width:260px; float:right; height:28px; margin-top:25px; color:#8e8e8e; } .logo_right img { vertical-align:middle; margin-right:10px; } .tel{ font-family:"微软雅黑"; color:#f00; font-size:16px; } .nav{ margin-top:5px; height:40px; } .nav_left,.nav_mid,.nav_right{ float:left; height:40px; } .nav_left{ width:10px; background:url(../images/nav_left.jpg) no-repeat; } .nav_mid{ width:980px; background:url(../images/nav_bg.jpg) repeat-x; } .nav_right{ width:10px; background:url(../images/nav_right.jpg) no-repeat; } .nav_mid_left,.nav_mid_right{ float:left; } .nav_mid_left{ width:680px; } .nav_mid_right{ width:300px; } .nav_mid_left li{ float:left; line-height:40px; width:100px; list-style-type:none; text-align:center; } .nav_mid_left a:link,.nav_mid_left a:visited{ color:#fff; text-decoration:none; font-size:16px; font-family:"微软雅黑"; } .nav_mid_left a:hover,.nav_mid_left a:active{ color:#FF0; text-decoration:none; font-size:17px; font-family:"微软雅黑"; } .search_text{ width:190px; height:25px; margin-top:6px; background:url(../images/search.jpg) no-repeat right center; background-color:#FFF; padding-right:25px; border:1px solid #FFF; } .ad{ height:310px; overflow:hidden; }
怎么会呢。。看不出
你看看,会不会高度塌陷了。