Имеется некий div с заданным классом, в котором прописана постоянная высота в пикселях.
Имеется код внутри этого div'а, который отображается в нём.
Как определить позицию самого нижнего элемента от верха div'а, и если она больше, чем его высота, автоматически изменить высоту, чтобы весь контент был виден в нём?
Пример:

В css прописано height:... px;

Спасибо

А почему именно так?

Например,

будет делать высоту от min-height до высоты контента (контент всегда виден полностью). И даже без JavaScript.

http://jsfiddle.net/g8ZBL/

Спасибо. Попробовал у себя этот код, но во внутреннем диве появляются полосы прокрутки. Наверно, от них можно избавиться?
Хотя если контент там такой, что не умещается, они по идее должны быть.

Добавлено через 1 минуту и 21 секунду
В общем, всё-таки не совсем то, что нужно. Сама высота исходного дива та же - а лишь появляются полосы прокрутки внутри.
У меня же по смыслу должен растягиваться основной див.

Этот див вложен ещё в несколько. Может, из-за этого?
Или можно через offsetTop как-то сделать?

Значит у вас лишние атрибуты в стилях прописаны. Покажите весь класс для блока.

При overflow: auto блок буде растягиваться так, чтобы были видны все внутренние блоки с float: right | left. Что видно из приведенного выше примера http://jsfiddle.net/g8ZBL/ 

В JavaScript полную высоту блока вместе с контентом показывает свойство scrollHeight. Если задать блоку высоту, взятую из его scrollHeight,  то он станет размером со свой контент.

Вот тут http://gg.gg/6ao2 - блок с основным контентом div id="introduction" и остальные не видны на полную высоту. Всё перекопал в CSS, убрал фиксированную высоту, но пока не работает.

Добавлено через 1 минуту и 9 секунд
Там сразу несколько классов у внешних дивов. У них тоже убрал фикс. высоту.

Вот так всегда. Спрашивают на форуме одно, а на деле у них совершенно другое.

Первая ваша проблема в том, что блок совсем не такой, как вы показывали в первом посте. А примерно такой:

При этом Вы хотите неким образом делать высоту блока a такой, как у одного из внутренних. Более того, там скроллер и все это делается динамически. То есть CSS уже не прокатит (он больше подходит для статического, постоянного эффекта).

Уберите фиксированную высоту из класса panel (внутренние блоки) и добавьте в скрипт после переключения на следующий блок установку высоты для блока с классом scroll равную высоте того panel. на который был переход.

Я написал про тот див, потому что сначала думал, что другие не должны повлиять.


Вот таким образом?

scrollHeight доступно только для чтения, как и другие похожие свойства http://www.w3schools.com/jsref/dom_obj_all.asp
Используйте стилевые свойства для изменения стиля элемента (в т.ч. его высоты):

Что-то не едет... при этом пишет в консоли 
Ошибка: SecurityError: The operation is insecure.
Источник: http://.../script/global.js
Строка: 23
То есть, с того домена, хотя пробую на локалхосте.
Вставил вот так:

Ну если не получается, убиваться, конечно, не надо 

Добавлено через 2 минуты и 4 секунды
Да, изменил, ссылки на свой хост, уже лучше, правда, кое-что поехало.

Добавлено через 8 минут и 37 секунд
Спасибо. Блок растянулся, правда, при этом поехало кое-что, но это отдельно уже. Видимо, надо пробовать уже на установленном движке.

Я снова начал разбираться, так как там не всё правильно. Как можно растянуть прямоугольник картинки фона PNG, который задан? Чтобы картинка растягивалась на всю высоту контента?

http://htmlbook.ru/css/background-size

В общем, снова начал делать - убрал фикс. высоты у дивов, и при этом всё растянулось до высоты первого блока вниз. То есть, и на других вкладках тоже стало до уровня этой вкладки большое пустое место.
Не пойму, как задать высоту соотв. блока для каждой из вкладок:

При переключении непонятно. И этот код почему-то не работает.

Добавлено через 4 минуты и 59 секунд
Похоже, что не определяется свойство document.getElementById('slider').style.height
При проверке оно пустое.

А как можно сделать плавное изменение высоты слайдеров? При прокрутке слайдеров они меняются скачком.

Добавлено через 3 минуты и 5 секунд
Точнее, либо плавное без всяких наездов друг на друга при смене, либо уже полностью готовый вариант с замораживанием экрана на момент смены.