css - 列数在 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 来消除您的问题。样式表。