<div align="left">
  <table border=0 cellspacing=0 cellpadding=0>
    <tr><td id=td1 bgcolor=#C0C0C0>AAAAAAAAA</td>
        <td id=td2 bgcolor=#FF0000>BBBBBBBBBBBBBB</td>
        <td id=td3 bgcolor=#C0C0C0>CCCCCCCCCC</td></tr>
  </table>  <table border=0 cellspacing=0 cellpadding=0>
    <tr><td id=td4 bgcolor=#C0C0C0>DDD</td>
        <td id=td5 bgcolor=#FF0000>EEE</td></tr>
  </table>
</div>
<script language=javascript>
//这里的关键是 border=0 cellspacing=0 cellpadding=0 这三个参数要设置好
var da = document.all;
da.td4.style.width = da.td1.clientWidth + da.td2.clientWidth;
da.td5.style.width = da.td3.clientWidth;
</script>