Question

我试图通过ng-repeat获得两行div s。每个div都有float: left个属性，最后我将div与clear: both放在一起。

<div class="interval" ng-repeat="interval in intervals">
     <div class="text-center">
          <h2>{{interval}}</h2>
          <i class="fa fa-angle-down fa-2x"></i>
     </div>
</div>
<div class="clearfix"></div>
<div class="interval" ng-repeat="interval in intervals">
    <div class="testBar progress">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
              <span class="sr-only">60% Complete</span>
         </div>
    </div>
</div>
<div class="clearfix"></div>

和css：

.interval {   
    width: 500px;
    height: 50px; 
    float: left;
}

见这里：https://jsfiddle.net/uyrxd4ag/2/

但这两行有些重叠。但我不知道为什么，因为clear: both div应该阻止这一点。

我做错了什么？

Answer 1

您的间隔div的固定高度为50px，这样第一行的标题与第二行重叠。如果移除固定高度，将正确计算高度。

使用ng-repeat和float重叠：left

1 个答案: