：nth-​​child和无限滚动

Question

在site I'm creating上我们有一个项目网格，所有行都正常浮动，因为这一小段CSS：

.collection .grid-item:nth-child(3n+1){ clear: left; }

这使得每行clear:left中的第一项成为可能，这允许新行从最高行的高度结束开始。

这很有效。

然而，当我尝试添加无限滚动时，它正在打破网格。无限滚动将两个display:none项添加到网格，分页和加载栏。

由于某种原因，clear:left的css识别这两个元素，并在加载到网格的每个页面上的网格中创建两个间隙。

有关如何解决此问题的任何想法？

Answer 1

:nth-child会平等对待.grid-item的每个子元素，因此您的分页和加载栏符合条件。尝试在.grid-item之外移动寻呼机和加载器。