Динамическое определение высоты блока.
 

Приветствую.
Есть определённый div блок, контент внутри которого может динамически меняться, то есть увеличиваться или уменьшаться, соответственно и высота этого блока будет меняться.

Необходимо чтобы текущая высота блока прописывалась инлайном в блоке, пример:

<div class="block" style="height:500">
...
</div>

В интернете есть, конечно, подобные примеры, но они работают не совсем, так как мне нужно. Они выставляют высоту блока в 100% от текущей высоты окна браузера, а нужно определять высоту блока с учётом контента, который может динамически прибавляться или уменьшатся.

Спасибо!

artstyles,
https://learn.javascript.ru/metrics#scrollwidth-height

По такому примеру высота определяется, но не обновляется, если добавился контент.

<div id="block">
    <p>текст</p>
    <p>текст</p>
    <p>текст</p>
</div>

var elem = document.getElementById("block");
elem.style.height = elem.scrollHeight + 'px';

height:auto

значит обновлять высоту скриптом нужно после загрузки всех элементов типа img или frame или задать таким элементам в css height