将高度设置为固定格子的“窗口的末端”

Question

我有<div id="container">，它具有position: fixed; top: 106px; height:100%;这会导致此容器在窗口底部的屏幕106px之外。如何将该容器的高度设置为“到窗口的末端”。 ？

Answer 1

可以使用bottom属性（see example），即：

#container { 
    position: fixed; 
    top: 106px; 
    bottom: 0; 
} 

...或者，你可以使用CSS3 calc()（see example），即：

#container { 
    position: fixed; 
    top: 106px; 
    height: calc(100% - 106px); 
} 

Answer 2

你可以使用calc（）函数。

height: calc(100% - 106px); 

保持兼容：http://caniuse.com/#search=calc

Answer 3

，如果你不想使用，因为兼容性问题的计算选项，请尝试使用

margin-top:-106px;