Установите высоту в «конец окна» для фиксированного div

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

Compability: http://caniuse.com/#search=calc

Answer 3

, если вы не хотите использовать опцию известково из-за проблем совместимости, попробуйте использовать

margin-top:-106px;