Как мне уменьшить высоту div, чтобы вместить больше контента?

Question

У меня есть макет, который выглядит следующим образом:

.-------------------.u
|#content           |u
'-------------------'u
.-------------------.u
|#menu              |u
'-------------------'u
.-------------------.u
|#morecontent       vu
|                   vu
|                   vu
'-------------------'u

u представляет полосу прокрутки тела, а v - созданную из свойства #morecontent overflow: auto. У меня #menu содержит динамические данные, поэтому иногда требуется более одной строки, но сейчас размер #morecontent соответствует только одной. Как я могу настроить высоту #morecontent так, чтобы полоса прокрутки u не была прокручиваемой или «включенной». Я думаю, когда у меня более одной строки? Я знаю, что должен использовать %, и я пытался использовать max-height, но это не сработало так, как я хотел ...

Answer 1

Убедитесь, что ваш div использует только max-height и min-height. Не используйте высоту. Если вы хотите, чтобы его высота сохранялась вечно, ничего не устанавливайте.

Answer 2

Взгляните на это:
http://jsfiddle.net/9QNUG/

примечание: вы не сказали, было ли содержимое выше динамическим, но я предполагаю, что не из вашего описания, вам нужно будетпоиграйте с высотами в примере, чтобы они соответствовали вашим.

Answer 3

Используйте position: fixed, чтобы сделать макет более конкретным, и Javascript, чтобы изменить размер #morecontent div.Невозможно изменить его размер, если другой div использует XHTML / CSS.