发新话题
打印

中间层布局宽度 高度没有挤破 可就是不能同行显示

中间层布局宽度 高度没有挤破 可就是不能同行显示

页面代码:
<div id="all">
  <!--网站头部-->
    <div id="top">
       
          <div id="top_one">
            <img src="../images/top_1.png">
          </div>
          
          <!--Logo展示-->
          <div id="top_two">
           <img src="../images/top_2.png">
          </div>
          
          <!--新闻链接-->
          <div id="top_three">
           <img src="../images/top_3.png">
          </div>
          
          <!--导航栏-->
          <div id="top_four">
           <img src="../images/top_4.png">
          </div>
        </div>
       
        <!--网站中间部分-->
         <div id="middle">
           <div id="m_l">
           aaaa
           </div>
           <div style="clear:both"></div>
           <div id="m_r">
           aaaa
           </div>
         </div>
样式代码:
#all{width:1005px;height:auto;}
#top{width:1005px;height:auto;}
#middle{width:1005px;height:400px;border:3px #0033ff solid;}
#bottom{width:1005px;height:100px;border:3px #0033ff solid;margin-top:20px;}


#top_one{width:1001px;height:30px; }
#top_two{width:1001px;height:95px;}
#top_three{width:1001px;height:30px;}
#top_four{width:1001px;height:35px;}


#m_l{width:500px; height:450px;border:3px #0033ff solid;}
#m_r{width:90px; height:450px;border:3px #0033ff solid;float:right;}

中间层显示效果

一般不设置高度  ,也不知道 你初始化的CSS代码是怎么样的
发新话题