Question

See below. Imagine #inner content grew. Using Jquery how can i make the outer div recalculate its height so that it should all of the inner content. The overflow is required.

<div id="outer" style="height:100px; overflow:hidden;">

<div id="inner">

</div>

</div>

Answer 1

this may helps u

jQuery.outerHeight()

---

Get the current computed height for the first element in the
set of matched elements, including padding, border, and optionally margin.

to include margin write true inside function like below :

        $('#outer').outerHeight(true);

DEMO