javascript - 根据内容动态改变div的大小

Question

我有一个使用 Angular 滑入 div 的 View 。我的问题是，内容是动态的，该 View 的高度将会改变。如何设置外部 div 的高度以适应内部 div 的高度？此外，我的内部 div 必须具有 position: absolute 才能使用将 View 滑动到位的 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>

Answer 1

设置

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

否则使用CSS

div
{
    display:inline-block;    
}