拉伸高度，直到該頁的結束，如果有邊距

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