Динамически изменять размер div на основе содержимого

У меня есть представление, которое скользит в div, используя угловые. Моя проблема заключается в том, что контент динамический, и высота этого представления изменится. Как установить высоту моего внешнего div в соответствии с высотой внутреннего div? Кроме того, мой внутренний div должен иметь положение: абсолютное, чтобы использовать класс скольжения css, который скользит по виду на месте.

Также стоит упомянуть, что если я запишу:

console.log($("#item-container").height());

Я получаю 163px, который является высотой столбца одной категории в строке

Наружный div

<div data-ng-app="items">
    <div ng-controller="ParentController">
        <div data-ng-view class="slide-left">

        </div>
    </div>
</div>

Внутренний div

<div class="container" id="item-container">
    <div data-ng-repeat="c in categories">
        <div ng-class="{true: 'row'}[$index % 3 == 2]">
            <div class="col-sm-4">
                <div class="row">
                    <label>{{c.Name}}</label>
                </div>
                <a class="row" href="#!/categories/{{c.CategoryID}}">
                    <img src="/images/thumb/NoImageAvailable.jpg" class="categoryBackground" />
                </a>
            </div>
        </div>
    </div>
</div>

javascript,jquery,html,css,angularjs,

2