html - HTML/CSS:如何使侧边栏和内容相互跟随

我需要一个侧边栏和一个内容区。我想两个部分的高度相等。因此，如果我想为侧边栏指定一种背景色，它将跟随内容区域，即使侧边栏的内容没有内容部分高，反之亦然。我只想用纯html和css，所以没有javascript技巧。

最佳答案

以跨浏览器的方式实现这一点的唯一真正方法是使用表。
当内容被添加到下面的侧边栏单元格中时，它将强制整个行展开，这反过来也将强制ContentArea单元格展开。你可以用css单独设计。

<style>
  #sideBar { vertical-align:top;}
  #contentArea { vertical-align:top;}
</style>
<table>
  <tr>
    <td id="sideBar">SideBar</td>
    <td id="contentArea">content area</td>
  </tr>
</table>

关于html - HTML/CSS:如何使侧边栏和内容相互跟随，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3194983/