Развернуть div полная высота

Question

Я хотел бы расширить черный ящик (id: содержимое столбца) до полной высоты без полос прокрутки.

Я стараюсь много вещей, но ничего не работает.

Вот URL: http://goo.gl/I5f0u59

Любая идея? Благодарю.

Answer 1

Вы можете использовать viewport unitsvh и vw (видовой-высоту и видовую ширину)

в вашем случае:

#column-content 
{ 
    height: 100vh; 
    box-sizing: border-box; 
    /* 
    change width, since we use border-box 
    old width + padding 
    */ 
    width: 480px; 
} 

Как вы видите, это сделает ваше содержание колонки box-sizing:border-box это не позволит контейнеру стать больше 100vh из-за обивки-сверху и снизу. Содержимое может по-прежнему приводить к переполнению. Вам также нужно будет установить новую ширину, как показано выше.

Поддержка этой утилиты в порядке See here

Answer 2

#column-content { 
    bottom:0; 
    position:fixed; 
    top:0; 
}