当项目的高度改变时，Flexbox的项目无法正确对齐

Question

我的布局如下： My Layout

更改第一项的高度后，我希望可用空间将被其余项填充。相反，项目位于下一行。

我的CSS是：

.parent {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.children {
    flex: 1 1 8.333333%;
    max-width: 8.333333%;
}

有人有一个主意，如何将物品强制进入自由空间？谢谢。