Html 使用ng repeat创建的容器中内容周围的边框

所以我有一个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>

服务日期：
{{item.fromDate}
供应商：
{{item.provider}}
数量：
{{item.amount}}

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

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

服务日期：
{{item.fromDate}
供应商：
{{item.provider}}
数量：
{{item.amount}}

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

但当我输入数据并超过时，我会得到如下结果：

---

看来，由于我只指定了一个“最低限度”，边界将会扩大。为什么不是这样？

只做border:1px solid#MYCOLOR-省略边框宽度我认为这是不正确的，因为首先应用css，然后DOM变大。。。我认为你应该通过检查有多少元素被重复来使用javascript应用最小宽度，但是由于这是在angular中进行的，并且实际上没有刷新，我如何应用最小高度变量，因为重复只是添加到dom中，而不是重新呈现dom？你能发布额外的CSS代码吗？您在这里发布的代码似乎运行良好（mac上的safari/firefox），其思想是包装器将覆盖整个内容。在这种情况下，正如你们所展示的，它是独立的，最终，我决定走这条路。

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