Ограничение высоты дочернего DIV высотой родительского DIV с переменным родственным элементом

У меня есть контейнер

с указанной высотой, внутри которого находятся еще два DIV, один для вводной копии, которая будет меняться (, введенной клиентом ), а другой — для перечисления различных функций.

Я хочу, чтобы функции

автоматически заполняли оставшееся пространство в родительском элементе, а затем прокручивали переполнение.

Как я могу это сделать?

CSS:

#article {
    width:940px;
    height:500px
}

#article-content {
    margin: 20px 0;
}

#article-features {
    height:100%;
    overflow-x: auto;
}

jsFiddle

6
задан Nikola K. 31 July 2012 в 13:32
поделиться