将 HTML 按钮放置在表格的右下角

Question

尝试了各种解决方案，但我无法让任何解决方案发挥作用，而且我很难理解如何定位 HTML 元素。在我看来，这应该是很简单的。仍然...

注意：该按钮不是表格的一部分。

我有一张桌子，我想将一个按钮放置在桌子的右侧，按钮底部的底部与桌子的底部垂直对齐。

编辑以提供基本布局。

<table id="someTable">
  <tr>
    <td>SomeCell</td>
  </tr>
</table>
<button id="somebutton">
  A button
</button>  

Answer 1

设法让它工作。

<div>
  <table id="someTable">
    <tr>
      <td>SomeCell</td>
    </tr>
  </table>
  <button id="someButton">
    A button
  </button>
</div>

#someTable
{
  display: inline-table;
}
#somebutton
{
  display: inline-block;
  vertical-align: bottom;
}

http://jsfiddle.net/Pf9Y7/