将高度设置为固定div的“窗口结束”

Question

我<div id="container"> position: fixed; top: 106px; height:100%;这导致此容器在窗口底部的屏幕106px之外。如何将该容器的高度设置为＆＃34;到窗口的末尾＆＃34;。 ？

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

兼容性：{{3p>

Answer 3

如果您因为兼容性问题而不想使用calc选项，请尝试使用

margin-top:-106px;