Question

我试图在容器底部粘贴一个div，而在容器中间则填充了ng-repeat中的内容。这个内容每次都是完全不同的，可以有1个元素或100个，它最接近彼此最大5个，并且浮动左侧正在制作新行。图像标准宽度为120px。这是一个嵌套的ng-repeat

这是CSS

.Container {
    width: 700px;
    margin-left: 10px;
    float: left;
}
.Top {
    background-color: #f7f7f7;
    margin-top: 15px;
    margin-bottom:5px;

}
.bottom {
    background-color: #f7f7f7;
    bottom: 0;
    float: initial;
}
.item {
    min-height: 250px;
    float: left;
    background-color: red;
    width: 120px;
    margin-right: 10px;
    font-family: 'Tahoma';
    font-size: 12px;
    color: #000000;
}

这是html

<div class="Container" ng-repeat="items in list">

  <div class="top">i am in the top {{items.date}}</div>

    <div class="item" ng-repeat="item in items">
      <img ng-src="{{item.image}}" />
      <a>{{item.dynamictext}}</a>   
    </div>

  <div class=bottom">i should be in the bottom {{items.addres}}</div>

</div>

所以我想做的是我得到底部div始终在ng-repeat的最后一项。我试着查看$ last但是只调整最后一个项目，最后一个类型也只是样式ng-repeat的最后一项。有没有一个组合允许我将底部div放在左边10px的边缘，如

期望的结果

-- TOP -- 

-- item --
-- item -- etc.

-- BOTTOM --

我不知道每件物品的高度，并且它们彼此相邻，目前的结果是：

-- TOP -- 

-- item --
-- item -- -- BOTTOM --

Answer 1

为了清楚起见，您是否想要<div class="bottom">置于<div class="item"...内？有什么理由你不能简单地将div放在那里开始吗？

编辑：看起来您需要清除底部div上的浮动。将clear: both;添加到CSS中的.bottom类。

div在另一个动态div的底部

1 个答案: