强制容器填充剩余空间

Question

.wrapper下的div容器#Wrapper必须填充页眉和页脚之间的空格。所以它应该得到#Wrapper容器的高度。

jsFiddle Example - UPDATE

你能帮帮我吗？

Answer 1

简单的方法是，因为页眉和页脚具有特定的高度，所以要执行以下操作：

// Add the following to #wrapper

#wrapper {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  bottom: 200px;    
  // IMPORTANT
  // REMOVE the following rule:
  // min-height: 100%;      
}

请务必从min-height: 100%;

中删除#wrapper

这是一个fiddle。祝你好运......