自舉粘貼補償底部公式

Question

我在獲取引導粘貼布局的公式時遇到了問題。 Please check image for layout。

所有綠色部分的高度必須是動態的。詞綴應該只在白色區域移動。

對於頂部偏移量，我使用剖面高度。 我應該使用底部偏移量的公式？

CSS方面工作正常（我猜）。

Answer 1

嘗試calc() formular，像這樣。

height: calc(100% - HCpx); 

凡HC是在像素C高度。對於Mozilla，Webkit的或Opera瀏覽器，你將需要添加多餘的高度爲：

.your_css { 
    height: calc(100% - HCpx); 
    /* mozilla */ 
    height: -moz-calc(100% - HCpx); 
    /* webkit */ 
    height: -webkit-calc(100% - HCpx); 
    /* opera */ 
    height: -o-calc(100% - HCpx); 
} 

Answer 2

$().affix({ 
    offset: { 
    top: 0, 
    bottom: function() { 
     return(this.bottom = $('.footer').outerHeight(true)) 
    } 
    }); 

嘗試一下本作腳註的高度。 我回答了我的理解。 如果不是，請清楚說明..謝謝