div三栏布局，在ie8标准文本模式下怎么写呀!


<div style="width:100%;">
     <div style="display:inline-block;width:200px;height:100%;float:left">测试1</div>
     <div style="display:inline-block;width:100px;height:100%;float:left">测试2</div>
     <div style="display:inline-block;width:auto;height:100%;float:left">
            <div style="width:100%;height:100%;text-align:center;overflow:auto;">
               <div style="height:30px;width:100%;border:1px solid black">ceshi</div>
            </div>
      </div>
</div>
ie7、ie8标准文本模式下不正常呀

解决方案 »

  1.   

    <html>
    <head>
    <title>Demo</title>
    <style type="text/css">
    .l_1 {
      width: 20%;
      height: 20ex;
      border: 1px solid red;
      float: left;
    }
    .l_2 {
      width: 60%;
      height: 20ex;
      border: 1px solid green;
      float: left;
    }
    .l_3 {
      width: 19%;
      height: 20ex;
      border: 1px solid blue;
      float: left;
    }
    .clear {
      clear:both;
    }</style>
    </head>
    <body>
    <div class="l_1">第一栏</div>
    <div class="l_2">第二栏</div>
    <div class="l_3">第三栏</div>
    </body>
    </html>
      

  2.   

    呵呵，活人别被尿憋死，那你用表格布局好了。
    <html>
    <head>
    <title>Demo</title>
    <style type="text/css">
    table {
      border-collapse: collapse;
    }
    table td {
        border: 1px solid #888;
      }
    </style>
    </head>
    <body><table width="100%">
    <tr>
    <td width="100px">第一栏</td>
    <td width="300px">第二栏</td>
    <td>第三栏</td>
    </tr>
    </table></body>
    </html>
      

  3.   

    有没有人知道呀，不要那种设置margin的，因为点第二栏，第一栏要隐藏的
      

  4.   

    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      

  5.   

    width:auto；ie各版本显示效果不一样呀