Question

我正在开发一个以表格构建的网站，因为我对CSS还不是很好。得到了这个表结构：

<table>
  <tr>
    <td>Siderbar 1</td>
    <td>Main Part</td>
    <td>Sidebar 2</td>
  </tr>
</table>

我的问题是，一旦我的“主要部分”向下扩展，侧边栏随之向下移动，总是试图在中间。

有没有办法让他们留在顶端？

Answer 1

不要使用表格进行布局

表仅适用于表格数据。比使用valign更好的解决方案是使用div元素和CSS样式创建布局。

阅读以下文章，原因是不使用表格进行现代网页设计（即1995年后）：

Answer 2

使用<td valign="top">使您的侧边栏始终位于顶部

<table>
  <tr>
    <td valign="top">Siderbar 1</td>
    <td>Main Part</td>
    <td valign="top">Sidebar 2</td>
  </tr>
</table>

如果您的侧边栏内容可以超过主要部分，那么您还可以将<td valign="top">添加到主要部分。

Answer 3

首先，使用表格设计布局是一种不好的做法。请阅读curt指定的链接。通常，<td>中的内容是中间对齐，如果行中的一个单元格具有更多内容，则该行中的所有其他单元格将自动扩展。因此在布局中将显示不必要的空白区域。不推荐使用valign属性，因此如果您希望内容位于顶部，请使用CSS属性

vertical-align:top