CSS Flex，列计数测试：第一项未与其对等项对齐，自上而下。Can'；我不明白为什么

结果:

我正在尝试创建一个砌体布局。差不多了，但我的第一件东西没有对齐这一事实让我抓狂。这是任何第一项，不管我把哪一项放在第一位，它比第一排的其他项目低一点。我不明白为什么

我的容器有我认为需要的东西，如：

position: relative;
flex-direction: column;
align-items: flex start;

jsfiddle为了您的方便：

---

在

.parent{margin:10px}

上归零。当你移除它时，问题就消失了。我认为存在保证金崩溃或保证金-

列计数问题
 嗨，Jason，请在问题中提供一个链接，而不仅仅是链接到非现场代码沙盒。这将有助于防止林克洛特。就是这样。我从
父项
中删除了
边距：10px
，将其替换为容器上的
列间距
。这在项目之间创建了一个零垂直间距，我用一个明确的
边距底部：10px
项目解决了这个问题。谢谢我将研究
页边距折叠
和
页边距列计数
，因为我不知道这些…听起来不错。很高兴我能帮忙。顺便说一句，“margin collapse”和“margin
column count
”并不是指任何属性。它们只是描述可能与问题相关的概念的术语。@JasonGenX设置
display:inline block
到元素也解决了问题。这确实是一个页边距折叠问题，因为每个页边距顶部将与上一个元素的上一页边距底部对齐，并且第一个页边距顶部不会因填充而与父级一起折叠（即使没有填充，也不会折叠，可能是列计数禁用）