使用ng-repeat创建的容器中的内容边框

Question

所以我有一个包含内容的div，使用ng-repeat进行拉动，并试图放置边框及其周围。内容可以拉伸1个，4个甚至10个项目，如下图所示。使用ng-repeat甚至可以实现这一点，如果是这样，怎么样？生成此代码的代码是：

    <div class="claimedTable" style="background-color: yellow;">
        <div ng-repeat="item in claimsSubmit" style="background-color: yellow; border-style: solid; border-width: 1px; box-shadow: 0 0 8px rgba(0,0,0,.5); border-radius: 2px;">
            <div class="col-md-12" style="padding: 0;">
                <span>service date:</span>
                <span style="float: right; padding-right: 15px;">{{ item.fromDate }}</span>
            </div>
            <div class="col-md-12" style="padding: 0;">
                <span>provider:</span>
                <span style="margin-left: 60%;">{{ item.provider }}</span>
            </div>
            <div class="col-md-12" style="padding: 0;">
                <span>amount:</span>
                <span style="margin-left: 60%;">{{ item.amount }}</span>
            </div>     
        </div>
    </div>

目前产生的是（注意顶部的粗线，即我的边界等）：

实际上，如果我现在修改并且我的代码看起来像（之前的背景颜色只是检查视图中呈现的内容）：

    <div class="claimedTable" style="min-height: 400px; box-shadow: 0 0 8px rgba(0,0,0,.5); border-radius: 2px;">
        <div ng-repeat="item in claimsSubmit">
            <div class="col-md-12" style="padding: 0; padding-top: 25px;">
                <span>service date:</span>
                <span style="float: right; padding-right: 15px;">{{ item.fromDate }}</span>
            </div>
            <div class="col-md-12" style="padding: 0;">
                <span>provider:</span>
                <span style="margin-left: 60%;">{{ item.provider }}</span>
            </div>
            <div class="col-md-12" style="padding: 0;">
                <span>amount:</span>
                <span style="margin-left: 60%;">{{ item.amount }}</span>
            </div>     
        </div>
    </div>

然后我开始这个图像，因为我指定了一个最小高度：

但是当我输入数据并且超出数据时，我会按照显示的那样运行：

似乎因为我只指定了一个＆＃34;最小值＆＃34;，所以边界会增长。为什么这不是真的？