各位大侠,我在写上下两层的时,为什么下面的层会覆盖上面层,请高手帮忙
这是怎么回事,如何解决
下面是代码 html
各位大侠,我在写上下两层的时,为什么下面的层会覆盖上面层,请高手帮忙
这是怎么回事,如何解决:
<!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=gb2312" />
<title> 搬家公司   九通搬家公司</title>
<link rel="stylesheet" type="text/css" href="css/jt.css" />
</head>
<body><!--MAIN-->
<div id="main"><!--HEADER-->
<div class="header">
<!--log-->
<div class="log">
<img src="images/index_one_02.gif" width="214" height="82" border="0" />
</div>
<!--menu-->
<div class="menu">
<div class="m_up"></div>
<div class="m_mid">
<div class="menu_left"></div>
<div class="menu_right">
  <div class="m_rziti">加入收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设为首页</div>
</div>
</div>
<div class="menus">
<ul>
<li class="li1">首页</li>
<li class="li2">公司简介</li>
<li class="li3">车辆介绍</li>
<li class="li4">包装示例</li>
<li class="li5">起重安装</li>
<li class="li6">收费标准</li>
<li class="li7">联系我们</li>
</ul>
</div>

</div>
<!--flash-->
<div  class="flash">
 <img src="images/index_one_09.gif" width="897" height="245" border="0"  />
</div>

</div>
<div class="clear"></div>

<!--中间1内容-->
<div id="center">
<!--lefts-->
<div class="c_left">
  <div class="c_titleimage"><img  src="images/index_one_10.gif" width="172" height="24" border="0" /></div>
  <!--内容-->
<div class="c_leirong">
     <dt>
     <dd class="dd1">业务流程</dd>
   <dd class="dd2">公司荣誉</dd>
   <dd class="dd3">客户服务</dd>
   <dd class="dd4">联系我们</dd>
 </dt>
      </div>

   <!--公司分部-->
   <div class="leftss">
   <div class="leftsstitle">
    <img src="images/index_one_16.gif" width="172" height="26"  />
   </div>
   </div>

</div>
<!--MIDDLE-->
            <div class="c_middle">
  <div class="c_m_left"><img src="images/index_one_11.gif" width="466" height="24" /></div>
  <div class="c_m_right"><img src="images/index_one_11b.gif" width="43" height="24" border="0" /></div><div class="clear"></div>
 
  <div class="lr">
  <p>&nbsp;&nbsp;&nbsp; 公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司,简介公 司简介公司简介公司简介公司简 介公司简介公司简介公司简介公司简介公司简介公司简,介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司介公司简介公司简介公司简介公司简介公司简介公司简,介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公介公司简介公司简介公司简介公司简介公司简介公司简,介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简简介公司简介公司简</p>
  </div>

  <!--业务范围-->
  <div class="middless">
    <div class="c_m_left"><img src="images/index_one_17.gif" width="466" height="24" /></div>
    <div class="c_m_right"><img src="images/index_one_11b.gif" width="43" height="24" border="0" /></div><div class="clear"></div>
  <div class="lr">
  <p>&nbsp;&nbsp;&nbsp; 公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司,简介公 司简介公司简介公司简介公司简 介公司简介公司简介公司简介公司简介公司简介公司简,介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司介公司简介公司简介公司简介公司简介公司简介公司简,介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公介公司简介公司简介公司简介公司简介公司简介公司简,介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简简介公司简介公司简</p>
  </div>

  </div>
  
  <!--企业战绩-->
  
  
</div>
<!--c_right-->
    <div  class="c_right">
 <div class="c_rtitle">
 <div class="c_rileft"><img src="images/index_one_12.gif" width="174" height="24" border="0" /></div>
 <div class="c_ririgt"><img src="images/index_one_12b.gif" width="42" height="24" border="0" /></div>
 </div>

<!--leirong-->
<div class="right_lr">
<dt>
  <dd class="dd5">仓储管理</dd>
 <dd class="dd6">货品配送</dd>
 <dd class="dd7">物流加工</dd>
 <dd class="dd8">整车、零担运输</dd>
 <dd class="dd9">冷藏运输</dd>
 <dd class="dd10">长途搬家业务</dd>
 <dd class="dd11">水产运输</dd> 
</dt>
</div>

<!--企业战略-->
<div class="rightss">
   <div class="c_rilefts"><img src="images/index_one_18.gif" width="172" height="26" /></div>
   <div class="c_ririgts"><img src="images/index_one_18a.gif" width="44" height="26" /></div>
</div>

      </div>
  
</div> <div class="clear"></div>
    <!--中间设施展示内容-->
   <div class="sheshi">
    <img src="images/index_one_09.gif" width="897" height="245" />
   </div>
</div>
</body>
</html>
下面是:css 代码:/* CSS Document */
BODY{margin-top:0px; margin-left:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*main*/
#main{width:897px; height:auto; margin-left:auto; margin-right:auto;}.clear{ clear:both; overflow:hidden;}/*header*/
.header{width:897px; height:auto;}
.log{float:left; width:214px; height:82px;}
.menu{float:left; width:683px; height:82px;}
.m_up{width:683px; height:26px;}.m_mid{width:683px; height:18px;}
.menu_left{float:left; height:18px; width:506px;}
.menu_right{float:left; height:18px; width:174px; background:url(../images/index_one_06.gif) repeat-x;}
.m_rziti{padding-left:15px; padding-top:1px; color:444444;}
.menus{width:683px; height:38px; background:url(../images/index_one_07b.gif) repeat-x;}
.menus ul{margin:0px; padding:0px;}
.menus li{width:60px; height:8px; font-12px; color:#fff; float:left; text-align:center; padding-top:13px; list-style-type:none;}
.li1{margin-left:70px;}
.li2{margin-left:12px;}
.li3{margin-left:23px;}
.li4{margin-left:25px;}
.li5{margin-left:25px;}
.li6{margin-left:19px;}
.li7{margin-left:15px;}/*flash*/
.flash{width:897px; height:245px; clear:both; margin-left:auto; margin-right:auto;}/*中间1内容*/
#center{width:897px; height:auto; margin-left:auto; margin-right:auto; clear:both;}
/*c_left*/
.c_left{width:172px; height:24px;float:left;}
.c_titleimage{width:172px; height:24px;}
.c_leirong{widt:172px; height:193px; background:url(../images/index_one_13.gif) repeat-x;}
dt{margin:0px; padding:0px;}
dd{padding-left:19px; color:#232C72; font-weight:200; font-size:14px; font-family:"方正大黑简体";}
.dd1{ padding-top:32px;}
.dd2{padding-top:23px;}
.dd3{padding-top:24px;}
.dd4{padding-top:26px;}
/*c_middle*/
.c_middle{float:left; width:509px; height:24px;}
.company{width:509px; height:auto;}
.c_m_left{float:left; width:466px;height:24px;}
.c_m_right{float:left; width:43px; height:24px;}/*c_right*/
.c_right{float:left; width:216px; height:24px;}
.c_rtitle{width:216px; height:auto;}
.c_rileft{float:left; width:174px; height:24px;}
.c_ririgt{float:left; width:42px; height:24px;}
.c_right{width:216px; height:24px;}
.right_lr{width:216px; height:193px; background:url(../images/index_one_15.gif) repeat-x; clear:both;}
.right_lr dt{margin:0px; padding:0px;}
.right_lr dd{color:#444; font-size:12px; font-weight:100; padding-left:10px; }
.dd5{padding-top:3px;}
.dd6{margin-top:14px;}
.dd7{margin-top:12px;}
.dd8{margin-top:12px;}
.dd9{margin-top:11px;}
.dd10{margin-top:10px;}
.dd11{margin-top:10px;}
/*中间2内容*/
.sheshi{
width:897px;
height:245px;
margin-left:auto;
margin-right:auto;
clear:both;
position:inherit;
}
/*左边内容*/
.leftss{width:172px; height:26px;float:left;}
.leftsstitle{width:172px; height:26px;}
/*中间内容*/
.middless{float:left; width:509px; height:26px;}
.lr{width:485px; height:190px; margin-left:auto; margin-right:auto; margin-top:3px;}
p{padding-left:12px; font-size:12px; color:#3C3636;margin:0px; padding:0px;}
/*右边内容*/
.rightss{float:left; width:216px; height:26px;}
.c_rilefts{float:left; width:172px; height:24px;}
.c_ririgts{float:left; width:44px; height:24px;}
问题是
  <!--中间设施展示内容-->
   <div class="sheshi">
    <img src="images/index_one_09.gif" width="897" height="245" />
   </div>这个层会错位,往上跑,覆盖了上面原先的内容,不知道如何解决??