假设我在Foundation "Block Grid"中有10个块（这些块由块网格等间隔）在3列中。这给了我3行3个块和1个单个块。
如果我动态地添加一个带有display:none的类，比方说，首先阻止我得到的仍然是相同的4行，用一个洞代替块号1。
有没有办法强制它重新排列块，好像它已经从9开始，你将获得3行3块？
在我的初始发布后不久，我发现进行测试，它看起来像Block Grid中的一个错误：我在UL中包含一个display:none类，由Block Grid控制HTML代码从一开始就确定不应该显示的块会影响布局！
看起来基金会计算在UL内编码的LI而不考虑其显示属性。在上面的示例中，如果我将第一个块（LI）设置为display:none，我仍然会得到4行，第一行只显示2个块！
答案 0 :(得分：1)
进一步搜索后，我发现基金会将clear:both应用于块网格中的所有第n + 1个元素，而不管元素的可见性如何。但是，如果网格中的所有元素大小相等，则清除不会改变任何内容。
在我的情况下，幸运的是，所有元素都具有相同的大小，因此从CSS中删除clear:both（或用clear:none !important;覆盖它）解决了我的情况。但是，如果元素的大小不同，则这不是解决方案。我还发现this实际上是同一个问题。