css中间div滚动和100%高度

Question

我确定之前已经问过,但我找不到它.

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

我想让#roomdiv在100%之间适应#top,#commands即使其中没​​有内容.

而且,如果内容重叠(如当前示例中所示),我希望将其#room与滚动的边界相匹配.

我需要一直#commands坚持到页面底部.我已经尝试过身高,最高身高但是没有用.

Answer 1

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

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