[英]Dynamically change the size of a div based on content
我有一个角度使用角度滑入div的视图。 我的问题是,内容是动态的,该视图的高度将改变。 如何设置外部div的高度以适合内部div的高度? 另外,我的内部div必须具有位置: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>
组
<div style="display:inline-block"></div> for all
否则使用CSS
div
{
display:inline-block;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.