强制一个容器填充剩余空间

这个问题在这里已经有了答案：

让div填充剩余屏幕空间的高度31个答案

---

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

// 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

这是一个小提琴。 祝你好运...

链接地址: http://www.djcxy.com/p/88249.html

上一篇: Force a container to fill the residual space

下一篇: Make div expand to take all the available space