表格td的Css

Question

我创建了一个HTML页面，并且我使用了表格，但是我在第一个TD上出现了一个问题，我得到一个空白空间。

Demo。

我的表样式

<table width="100%"> 
 
    <tbody> 
 
    <tr> 
 
     <td style="" width="25%"> 
 
     <table cellspacing="0"> 
 
      <tbody> 
 
      <tr> 
 
       <td> 
 
       <img src="/avatar/thumb/1479077526.png" style="width:200px; height:200px;"> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td><strong>und3rc00d3</strong> 
 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td>UserID: <strong>1</strong> 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td> 
 
     <br> 
 
     <div id="akt"> 
 
      <div style="overflow-y:scroll; height:640px;"> 
 
      <table> 
 
       <tbody> 
 
       <tr> 
 
        <th>Aktivitetet e fundit</th> 
 
       </tr> 
 
       <tr> 
 
        <td>............ 
 
        </td> 
 
       </tr> 
 
       </tbody> 
 
      </table> 
 
      </div> 
 
     </div> 
 
     </td> 
 
    </tr> 
 
</table>

对于第一个TD我试图风格：position: absolute;但同样没有奏效http://prntscr.com/ddom11

Answer 1

尝试增加风格=“垂直对齐： 最佳”;如下面的代码

<table width="100%"> 
    <tbody> 
     <tr> 
      <td style="vertical-align:top" width="25%"> 
       <table cellspacing="0"> 
        <tbody> 
         <tr> 
          <td><img src="/avatar/thumb/1479077526.png" style="width:200px; height:200px;"></td> 
         </tr> 
         <tr> 
          <td><strong>und3rc00d3</strong></td> 
         </tr> 
         <tr> 
          <td>UserID: <strong>1</strong></td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
      <td> 
      <br> 
      <div id="akt"> 
       <div style="overflow-y:scroll; height:640px;"> 
        <table> 
         <tbody> 
          <tr> 
           <th>Aktivitetet e fundit</th> 
          </tr> 
          <tr> 
           <td>............</td> 
          </tr> 
         </tbody> 
        </table> 
       </div> 
      </div> 
      </td> 
     </tr> 
    </tbody> 
</table>