html - css 中间 div 滚动和 100% 高度

Question

我确定之前有人问过这个问题，但我找不到。

请参阅http://jsfiddle.net/Bw5j4/1/

我想让 #room div 适合 #top 和 #commands 之间的 100%，即使其中没​​有内容。

而且，如果内容重叠(如当前示例中所示)，我想将其放入带有滚动条的 #room 的边界内。

我需要将 #commands 固定在页面底部。我试过 height 和 max-height 但没用。

Answer 1

这应该让你开始锁定中间部分

.room {
  background-color:#fff;
  border:1px solid #d8d8d8;
  overflow:auto;
  position:fixed;
  top:80px;
  bottom:150px;
  left:0;
  right:0;
}