日期:2014-05-18  浏览次数:20552 次

谁能解决Table自适应大小的问题?
如下的两个Table,第一个高度为200px,   第二个想通过height=100%来自动适应页面大小,然而发现第二个Table的高度总是页面的高度,如何解决?


<table   border=2   width=100%   height=100%>      
      <tr   height=100px>
              <td>
                    <table   border=2   width=100%   height=200px>
                          <tr> <td> Table1 </td> </tr>
                    </table>
              </td>
      </tr>
      <tr   height=100%>
              <td>
                    <table   border=2   width=100%   height=100%>
                            <tr> <td> Table2 </td> </tr>
                    </table>
              </td>
      </tr>
</table>


------解决方案--------------------
<body style= "margin:0 ">
<table border=2 width=100% height=100%>
<tr height=200>
<td>
<table border=2 width=100% height=200>
<tr> <td> Table1 </td> </tr>
</table>
</td>
</tr>
<tr>
<td>
<table border=2 width=100% height=100%>
<tr> <td> Table2 </td> </tr>
</table>
</td>
</tr>
</table>

注意和dtd会有关系
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">