Принудительное вертикальное отклонение до полной высоты контейнера

Question

Я знаю, что это не так, чтобы получить полный размер высоты экрана без использования клиентских скриптов, но как насчет этого: если мой div достаточно высок, чтобы достичь дна, как мне его достичь ОЧЕНЬ сверху и снизу, без лишнего пространства сверху и снизу? Я попытался добавить верхний и нижний поля (и даже дополнение) 0px, но он не работает.

#container { 
    height: 1000px; 
    width: 800px; 
    margin: 0 auto; 
    padding-left: 10px; 
    padding-right: 10px; 
    overflow: hidden; 
    background-color: #FFF; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
} 

Answer 1

Попробуйте это:

html, body { 
    height: 100%; 
} 

#container { 
    height: 100%; 
    width: 800px; 
    margin: 0 auto; 
    padding-left: 10px; 
    padding-right: 10px; 
    overflow: hidden; 
    background-color: #FFF; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
} 

Answer 2

изменение height: 1000px; в height: 100%;