表格出现在 Div 的顶部；如何把桌子拉下来

Question

我在 html 中有一个 div，在 div 之后还有另一个 div，其中包含 html 表，它位于 div 的顶部。如何把桌子放下。

<div id='testupdate2' >Mynumber: ". $num." </div>
<div id="test">
  <table cellspacing=0 cellpadding=0 border=0 width="100%">
      <tbody>
        <tr>
          <td id="Header" class="navUPD">MY number</td>
        </tr>
        <tr>
          <td id="tls" class="navUPD">MY DETAILS </td>
        </tr>
        <tr>
          <td id="mgmnt" class="navOFFTDUPD"> ADDR. MGMT </td>
        </tr>            
   </tbody>
  </table>  
</div>

如何将表格降到 DIV？

Answer 1

要将您的表格从<div id="test"> 的顶部推开，您可以使用 CSS 填充：

#test {
    padding-top: 20px;
}

或者：

#test table {
    padding-top: 20px;
}

Answer 2

如果您在 <div id="test"> 中除了该表格之外还有其他内容，并且您希望表格始终与 div 的底部对齐，您可以在 CSS 中执行类似的操作

#id{
  position: relative;
}
#id table{
  position: absolute; /*this is absolute to #id not to body tag*/
  bottom: 0px;
  left: 0px;
}

我认为这应该可以完成工作（我没有检查它）。