表位于Div的顶部;如何把桌子拿下来

时间:2010-07-28 14:15:19

标签: html css xhtml html-table

我在html中有一个div,在Div之后我有另一个包含HTml表的div,它位于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?

2 个答案:

答案 0 :(得分:1)

要将您的桌子推离<div id="test">的顶部,您可以使用CSS填充:

#test {
    padding-top: 20px;
}

或者:

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

答案 1 :(得分:-1)

如果你在<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;
}

这应该可以胜任,我想(我没有检查过)。