拉伸高度，直到该页的结束，如果有边距

Question

我有以下代码：

#content { 
      left: 50%; 
      margin-left: -498px; 
      margin-top: 186px; 
      width: 984px; 
      min-height: 100%; 
      background-color: rgba(255, 255, 255, 0.875); 
      font-size: 16px; 
      position: absolute; 
      z-index:2; 
      padding-left: 8px; 
      padding-right: 8px; 
      padding-bottom: 8px; 
      padding-top: 8px; 
      font-family: calibri, sans-serif; 
      } 

我把最小高度：100％;使div直到结束，当然这是作品。但我也有一个标题图片和一个菜单，所以我写了margin-top：186px; 但现在它会拉长一点点，直到最后（所以我总是有可能滚动，即使它不需要）

所以基本上div的高度应该是：100％ - 186px

谢谢！

Answer 1

使用CSS中钙物业办你写什么：

height: calc(100% - 186px); 

这在所有的大力支持包括IE9在内的现代浏览器。作为IE8的后备（如果你真的关心它），你可以先将高度设置为100％，然后只有具有该浏览器的用户才能获得滚动条。

Answer 2

你可以把你的DIV与绝对位置下面的代码使用

#content{ 
top: 0; 
bottom: 0; 
position: absolute;  
}