强制容器填充剩余空间[重复]

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%;      
}

记得从#wrapper中删除min-height: 100%;

这是fiddle。祝你好运...