Стол на вершине Div;как опустить стол

Question

У меня есть div в html и после 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;
}

Это должно сделатьработа, я думаю (я не проверял).