Chrome中的列数确定，但IE和Firefox中没有

Question

[已删除的链接]

应该有5列。每个帖子都有20％的宽度，在Chrome浏览器中看起来不错，但在IE和Firefox中，最后一列被推到下面所以只有4个。有人知道为什么吗？

.post {
  width: 20%;
  float: left;
  overflow: hidden;
}

<article class="col post">
    stuff inside
</article>
<article class="col post">
    stuff inside
</article>
<article class="col post">
    stuff inside
</article>
....

Answer 1

不同的浏览器对页边距和填充有不同的默认设置，我怀疑这些设置会产生问题。您应该可以使用reset css样式表来消除您的问题。

Answer 2

在这里找到我的答案：https://github.com/desandro/masonry/issues/166我将20％改为19.8％

  

看起来Firefox计算的百分比宽度略有不同   WebKit的。一个简单的解决方法是让你的CSS有一点摆动空间   布局，以使列不加起来为100％。