Javascript CSS是否将列高度跨到窗口高度？

我想让左栏和右栏延伸到窗口高度，并给用户一个滚动条来独立滚动这两列。我该怎么做

我一直在尝试

minheight:100%

和

height:100%

，但无论我在哪里使用它，它似乎都不起作用

我在这里设置了一个JSFIDLE：

---

编辑：我不想添加

位置：已修复

。如果用户缩小浏览器窗口的宽度，我仍然希望列对齐。

我不确定我是否理解这个问题，但是如果您希望延伸到窗口高度，并在列高于窗口时放置一个滚动条：

.column {
  overflow: auto /* scroll */;
  height: 100%;
}

---

编辑：是的，

overflow:auto

是一个更好的选择，如果您不想在列不够高的情况下显示滚动条。

我不确定是否理解这个问题，但是如果您想延伸到窗口高度，并在列高于窗口的情况下放置滚动条：

.column {
  overflow: auto /* scroll */;
  height: 100%;
}

---

编辑：是的，

overflow:auto

将是一个更好的选择，如果您不想在列不够高的情况下显示滚动。

如果您想独立滚动左右列的内容，您必须添加

overflow: auto; 

---

这是CSS。另外，请注意，100%高度可以设置为相对或绝对块的子级，也可以设置为具有定义高度的块的子级

如果要独立滚动左右列的内容，则必须添加

overflow: auto; 

---

这是CSS。另外，请注意，100%高度可以设置为相对或绝对块的子级，也可以设置为具有定义高度的块的子级

您需要确保之前的所有包装器都设置为

高度：100%

和

溢出：隐藏

。类似（可能需要一些调整，具体取决于您想要什么）：

澄清后的更新 你只需要继续更深入的过程。关键是，您需要在要滚动的实际列元素上设置滚动，并将所有其他元素显式设置为包装该列的

高度：100%

和

溢出：隐藏：

：

---

您需要确保前面的所有包装器都设置为

height:100%

和

overflow:hidden

。类似（可能需要一些调整，具体取决于您想要什么）：

澄清后的更新 你只需要继续更深入的过程。关键是，您需要在要滚动的实际列元素上设置滚动，并将所有其他元素显式设置为包装该列的

高度：100%

和

溢出：隐藏：

：

---

+谢谢你。实际上，我想让左右窗格独立滚动。在您的版本中，它们一起滚动。如果我遗漏了什么，请告诉我。太棒了！被接受为答案。谢谢你抽出时间，你说得对。我只记得我没有检查，然后回来看。。。我看到你的评论：）+1谢谢。实际上，我想让左右窗格独立滚动。在您的版本中，它们一起滚动。如果我遗漏了什么，请告诉我。太棒了！被接受为答案。谢谢你抽出时间，你说得对。我只记得我没有检查，然后回来看。。。我看到你的评论：）