调试易

td里面 style="height:30px;"就固定了高度，但是我的td要根据具体的内容来确定高度，有可能这个td只有一行的高度，有可能需要2行

<script>
function window.onload(){
var td=document.getElementById("tab").getElementsByTagName("td")
var num=0
for(var i=0;i<6;i++)
{
num =parseInt(td[i].offsetHeight)+num
}
document.getElementById("all").style.height=num
}
</script>
<div id="all" style=" overflow:auto; width:300px;; border:1px solid #999999" >
<table width="200" border="0" cellspacing="0" cellpadding="0" id="tab">
  <tr>
    <td  >1<br><br></td>
  </tr>
  <tr>
    <td >2<br></td>
  </tr>
  <tr>
    <td >3<br><br><br><br></td>
  </tr>
  <tr>
    <td >4<br><br><br>e</td>
  </tr>
  <tr>
    <td>5<br><br><br><br></td>
  </tr>
  <tr>
    <td >6</td>
  </tr>
  <tr>
    <td>7</td>
  </tr>
  <tr>
    <td>8<br><br></td>
  </tr>
  <tr>
    <td>9</td>
  </tr>
  <tr>
    <td>10</td>
  </tr>
</table></div>

谢谢楼上的，但是现在有个问题就是我想表格的第一行（标题）不滚动。将div加到table中就无效了不知何解。

<script>
function window.onload(){
var tr=document.getElementById("tab").getElementsByTagName("tr")
var num=0
for(var i=0;i<6;i++)
{num =parseInt(tr[i].offsetHeight)+num}
document.getElementById("all").style.height=numvar td=document.getElementById("tab").getElementsByTagName("tr")[0].getElementsByTagName("td")
var titletd=document.getElementById("tab1").getElementsByTagName("tr")[0].getElementsByTagName("td")
for(var j=0;j<td.length;j++)
{titletd[j].style.width=td[j].offsetWidth}}
</script>
<div  style="width:300px;border:1px solid #999999">
<div id="title" style="width:300px;">
<table width="280" border="0" cellspacing="0" cellpadding="0" id="tab1">
<tr><td>
id
</td>
  <td>标题</td>
  <td>内容</td>
</tr>
</table>
</div>
<div id="all" style=" overflow:auto; width:300px; " >
<table width="280" border="0" cellspacing="0" cellpadding="0" id="tab">
  <tr>
    <td  >1<br><br></td>
    <td  >鉴定完毕</td>
    <td  >你很菜</td>
  </tr>
  <tr>
    <td >2<br></td>
    <td >似的似</td>
    <td >撒旦法按时 </td>
  </tr>
  <tr>
    <td >3<br><br><br><br></td>
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td >4<br><br><br>e</td>
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td>5<br><br><br><br></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td >6</td>
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td>7</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>8<br><br></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>9</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>10</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
</div>