Javascript 根据内容动态更改div的大小

我有一个视图，可以使用angular将其滑入div。我的问题是，内容是动态的，视图的高度将发生变化。如何设置外部div的高度以适应内部div的高度？此外，我的内部div必须具有position:absolute，以便使用css滑动类将视图滑动到位

还值得一提的是，如果我登录：

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

我得到163px，这是行中一个类别列的高度

外分区

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

        </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>

{{c.Name}}

设置

---

可能重复@TylerH我看到了这个问题，但这并没有回答我的问题。请不要建议人们将来使用不推荐的方法，如内联样式。那么它的目的是什么？使用它的人是无用的吗？它已被弃用，这意味着浏览器将来将不再支持它。这也会导致代码维护困难，这不是你应该教的习惯，尤其是在堆栈溢出时。那么什么可以替代它呢？你对CSS的第二个建议就足够了。

<div style="display:inline-block"></div> for all

div
{
    display:inline-block;    
}