html - 表格侧边栏向下移动

Question

我正在一个网站上工作，该网站是在表格中构建的，因为我对 CSS 还不是很好。得到这个表结构：

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

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

有没有办法让他们保持领先？

score 2 · Accepted Answer

不要使用表格进行布局

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

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

score 0 · Accepted Answer

用于<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">到主要部分。

score 0 · Accepted Answer

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

vertical-align:top

3 回答 3