Javascript 另一个动态div底部的div 我试图把一个div放在容器的底部，而在中间，容器里装满了NG重复的内容。这个内容每次都完全不同，可以有1个元素或100个元素，它彼此相邻地匹配最大的5个元素，并使用浮动左键生成新行。图像的标准宽度为120px。这是一个嵌套的ng重复

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

如果我不知道每个项目的高度，并且它们彼此相邻，则当前结果是：

-- TOP -- 

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

---

为了清楚起见，您是否要将

放在

内部，您可以使用position:absolute作为底部div，并将容器上的边距底部设置为底部div的高度。@jkordas:是的，您的答案是正确的，但是我的问题不正确，很抱歉，现在编辑该问题。用clear:tware；清除浮动有什么用？我忘了复制代码的一部分；这是为了让两个ng重复出现在屏幕左侧，我在第一个ng重复出现时使用了一个分组过滤器，以保留所有日期相同的文章。这应该是评论，而不是回答。不，我不希望它出现在项目中，加上ng重复出现，每个元素的底部将一直重复：）@Eddie我同意。不幸的是，我没有足够的声誉来评论。我不知道为什么回答问题的priv比评论的priv要早。@EwaldBos我刚刚对答案进行了编辑，看到了您提供的示例。我敢打赌，问题在于没有清理你的底部div的浮动。是的，这似乎起到了作用！清白的：谢谢你，蒂姆。我认为浮动：初始应该这样做。
-- TOP -- 

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