◆◇◆ 关于 XHTML 中使用 div 标签布局的问题 ◆◇◆

<div id="div1">
   <div id="div2"></div>
   <div id="div3"></div>
</div>
<div id="div4"></div>如何可以使得 div1 随着 div2 自动撑开。div2 与 div3 呈表格列状排列。 div4 与 div1 流布局。我用如下样式写不成功，div2、dnv3 会浮在 div1 上面：#div1
{
    background-color: #666666;
    padding: 5px;
}#div2, #div3
{
    background-color: #BBBBBB;
    float: left;
}

解决方案 »

  1.   

    <style type="text/css">
    #div1
    {
        background-color: #666666;
        padding: 5px;
    width:100%;
    height:auto;
    }#div2
    {
        background-color: #BBBBBB;
        float: left;
    width:35%;
    height:200px;
    }
    #div3
    {
     float:right;
     width:60%;
     background-color:#ffffff;
     height:200px;} 
    }
    #clear{clear:both;}
    .space5
    {
    height: 5px;
    font-size:0px
    }
    </style><body> <div id="div1">
       <div id="div2"></div>
       <div id="div3"></div>
       <div id="clear"></div>
    </div>
    <div class="space5"></div>
    <div id="div1">这里写div4内容</div></body> 
      

  2.   

    div2 与 div3 呈表格列状排列,主要一个样式就是float
      

  3.   

    我也初学，不知道用position:relative可以解决你的问题吗？
    建议搂主研究一下mail.163.com
    对Div+Css挺有研究价值的
      

  4.   

    to karykwan:你这个方法用 IE 浏览可以。但用 FirFox 就不行了。你可以试试。