为什么第一行网格显示不正确？

Question

我正在尝试在后端使用Waypoint和Django实现无限滚动。

  <div class="discover_feed infinite-container" style="background-color:transparent;padding-bottom:50px;">
  {% for m in result %}

  <div class="example lazyframe infinite-item" style="margin-left:2%;" >
<a class="IfFrrameContainer"href="/p/{{m.id}}">
{% for c in m.postimage_set.all %}
  {% if forloop.first %}
<img src="{{ c.Image.url }}" class="lazy"/>
{% endif %}
{% endfor %}</a>
  </div>
  {% endfor %}


</div>
{% if result.has_next %}<div><a class="infinite-more-link" href="?page={{ result.next_page_number }}">

   </a></div>{% endif %}
<script type="text/javascript">
    var infinite = new Waypoint.Infinite({
      element: $('.infinite-container')[0],
      onAfterPageLoad: function ($items) {


           $items.each(function() {


    });


    },
    onBeforePageLoad:function(){

    }
    });

</script>

如您所见，每次样式都不适用于网格的第一个（或可能第二个）元素。