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