表td的Css

Question

我创建了一个HTML页面，我使用了表格，但是我在第一个TD上面遇到了问题，我得到一个空白区域。

Demo

我的表格风格

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

对于我尝试使用的第一个道规：position: absolute;，但它再次无效http://prntscr.com/ddom11

Answer 1

尝试添加style =＆＃34; vertical-align：top＆＃34 ;;如下面的代码

<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>