创建我的投资组合时遇到问题... 使用同位素过滤器按类别过滤项目。
问题是在第一次加载时，投资组合的元素重叠而不是排列在4列的网格中。
选择一个类别后，一切似乎都已解决，我扫描了代码但找不到我的错误来自哪里。 以下是相关页面的a link，暂时免费托管，以便访问代码。
提前谢谢
儒略
答案 0 :(得分：0)
我不熟悉同位素过滤，所以也许其他人可以在那里发声。
但是你的盒子重叠的原因是你在它们上使用绝对定位。使用绝对定位的效果是使用它的元素从文档流中取出，这意味着它们不会考虑其他元素。
在第一排方框中，你的第一排是0，第二排是18，第三排是36。
您可能希望查看浮动和静态/相对定位，或者如果您还没有（它开始获得awesome browser support），您可以开始学习Flexbox。此外，在不久的将来，我们可以将CSS网格用于此目的。但是写这篇文章的时间是not an effective solution。
答案 1 :(得分：0)
我也认为flexbox会是你的解决方案。 您可以在此处阅读/了解有关flexbox的更多信息：http://flexboxgrid.com/