内嵌表格如何置顶？

<table width="200" border="1">
  <tr>
    <td valign="top"><table width="200" border="1">
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table></td>
    <td valign="top"><table width="200" border="1">
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>为什么里面的valign=“top”不起作用啊？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<table width="200" border="1">
  <tr>
    <td valign="top">
<table width="200" border="1" height="10">
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
    </table> </td>
    <td valign="top">
<table width="200" border="1" height="10">
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
    </table>

<br>
<br>
<br>
</td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table> 来大点效果,我感觉是置顶的啊.
<table width="200" border="1">
  <tr>
    <td valign="top">
    <table width="200" border="1" height="10">
      <tr>
        <td>1 </td>
        <td>1 </td>
      </tr>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
    </table> </td>
    <td valign="top">
    <table width="200" border="1" height="10">
      <tr>
        <td>2 </td>
        <td>2 </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
    </table>
    <br>
    <br>
    <br>
    </td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table> 这样看，前面的表格明显比后面的表格低啊
你是什么浏览器啊！把高度调明显一点，是置顶的。ie6,ie7,firefox都是。<table width="200" border="1">
  <tr>
    <td valign="top" height="100px"> <table width="200" border="1" height="50px">
      <tr>
        <td>内嵌 </td>
        <td>内嵌 </td>
      </tr>
      <tr>
        <td>内嵌 </td>
        <td>内嵌 </td>
      </tr>
    </table> </td>
    <td valign="top"> <table width="200" border="1">
      <tr>
        <td>内嵌 </td>
        <td>内嵌 </td>
      </tr>
      <tr>
        <td>内嵌</td>
        <td>内嵌</td>
      </tr>
    </table> </td>
  </tr>
  <tr>
    <td>tr</td>
    <td>tr</td>
  </tr>
</table>
用padding和margin去解决,对这页面的东西不是很会,呵呵
里面的table设置一下height。<table width="200" border="1">
  <tr>
    <td valign="top" height="200px"> <table width="200" border="1" height="50px">
      <tr>
        <td>内嵌 </td>
        <td>内嵌 </td>
      </tr>
      <tr>
        <td>内嵌 </td>
        <td>内嵌 </td>
      </tr>
    </table> </td>
    <td valign="top"> <table width="200" border="1" height="100px">
      <tr>
        <td>内嵌 </td>
        <td>内嵌 </td>
      </tr>
      <tr>
        <td>内嵌</td>
        <td>内嵌</td>
      </tr>
  <tr>
        <td>内嵌</td>
        <td>内嵌</td>
      </tr>
  <tr>
        <td>内嵌</td>
        <td>内嵌</td>
      </tr>
    </table> </td>
  </tr>
  <tr>
    <td>tr</td>
    <td>tr</td>
  </tr>
</table>
看看这个效果对不对<table width="400" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"> <table width="200" border="1" cellpadding="0" cellspacing="0" frame=void>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
    </table> </td>
    <td valign="top"> <table width="200" border="1" cellpadding="0" cellspacing="0" frame=void>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
      <tr>
        <td>  </td>
        <td>  </td>
      </tr>
    </table> </td>
  </tr>
  <tr>
    <td>  </td>
    <td>  </td>
  </tr>
</table>
里面的2个表格height设为同样的大小.但这样两边的格子高度就不一样了.应该只能是这种效果了.
谢谢各位，已经解决，原来是我的jsp里面带了个css，里面设置了居中，但是根据css的优先原则，应该是写在jsp里面的最优先啊，为什么css里面的优先呢？总是碰到这样的问题。