写了一个表格却没有办法控制它的宽度让他适应屏幕宽度

Question

代码：
<tr>
<table border="1">    
<thead>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="8" background="tab/images/tab_12.gif">&nbsp;</td>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="1" color="b5d6e6" onmouseover="changeto()"  onmouseout="changeback()">
          <tr>
            <td width="2%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center">
              <input type="checkbox" name="checkbox" value="checkbox" /></div></td>
            <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">订单编号</span></div></td>
            <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">销售公司</span></div></td>
            <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">商品类型</span></div></td>
            <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">商品名称</span></div></td>
            <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">数量</span></div></td>
            <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">规格</span></div></td>
            <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">进价</span></div></td>
            <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span class="STYLE1">货款</span></div></td>
            <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF" class="STYLE1"><div align="center">操作</div></td>
          </tr>
        </table></td>
        <td width="8" background="tab/images/tab_15.gif">&nbsp;</td>
      </tr>
    </table></td>                        </thead>
                       <tbody id="mybody">   
                      </tbody> 
</tr>
</table>其宽度只有屏幕的3分之1长的。

Answer 1

在最外层的table上设100%的宽度（第一行就是<tr>，说明最外层table还没有在本贴出现）。

Answer 2

<table border="1" width="100%">   
<thead>
  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td width="8" background="tab/images/tab_12.gif">&nbsp;</td>
  <td><table width="100%" border="0" cellpadding="0" cellspacing="1" color="b5d6e6" onmouseover="changeto()"   onmouseout="changeback()">
  <tr>
  <td width="2%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center">
  <input type="checkbox" name="checkbox" value="checkbox" /></div></td>
  <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">订单编号</span></div></td>
  <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">销售公司</span></div></td>
  <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">商品类型</span></div></td>
  <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">商品名称</span></div></td>
  <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">数量</span></div></td>
  <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">规格</span></div></td>
  <td width="10%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">进价</span></div></td>
  <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF"><div align="center"><span  class="STYLE1">货款</span></div></td>
  <td width="11%" height="22" background="tab/images/.gif" color="#FFFFFF" class="STYLE1"><div  align="center">操作</div></td>
  </tr>
  </table></td>
  <td width="8" background="tab/images/tab_15.gif">&nbsp;</td>
  </tr>
  </table></td>  </thead>
  <tbody id="mybody">   
  </tbody>  
</tr>
</table>

Answer 3

把所有的table都“width="100%" 试试