Question

我有一张表：

<table>
    <tr>
        <td>This is at the top of the page</td>
    </tr>

    <tr>
        <td>This is at the bottom of the page</td>
    </tr>
</table>

如何让第一行位于页面顶部，第二行位于页面底部？

我尝试使用position:absolute和top:0px，但这使我无法在表格中添加彩色背景和边框...

Answer 1

将div用于此问题：

<div id="top"></div>
<div id="bottom"></div>

CSS：

#top {
  position:absolute 
  top:0px;
  width:100%;
}
#bottom {
  position:absolute 
  bottom:0px;
  width:100%;
}

Answer 2

使用TABLE元素不是一个好主意。使用DIV元素要好得多，因为你可以根据需要调整DIV元素。

Answer 3

<table height="100%"> 
  <tr> 
    <td>This is at the top of the page</td> 
  </tr> 
  <tr> 
    <td height="100%"></td> 
  </tr> 
  <tr> 
    <td>This is at the bottom of the page</td> 
  </tr> 
</table>

Answer 4

我会继续使用Sirwan的答案，因为这是正确的方式！此外，既然HTML5已经进入了图片，你可以使用 ＆lt;标题＆gt; 和 ＆lt;您想要实现的内容的页脚＆gt; 标签。

HEADER ：http://www.w3schools.com/tags/tag_header.asp FOOTER ：http://www.w3schools.com/tags/tag_footer.asp

表格 - 顶部一行，底部一行

4 个答案: