Html 为什么我的布局搞砸了

我有一个角度应用程序，在某些状态下，布局错误。我这里有一个问题的DOM快照：

我不明白为什么顶部容器中的两个箱子不在同一条线上。它们都是“显示：内联块”，并且具有相同的类。此处比较不同的DOM快照，其中两个“父项”框位于同一行：

---

我想我的HTML中的某个地方缺少一个符号，但我所有的高级解析器都找不到它。

在

中尝试
溢出：隐藏
。父项
-

那确实有效。您能否解释为什么父项类的静态节点的行为与ng repeat节点不同？子文本节点中如此少量的文本不应使其溢出。
.parent-item {
display: inline-block;
height: 200px;
width: 200px;
background-color: lightgray;
opacity: .7;
}

.parent-item {
    display: inline-block;
    height: 200px;
    width: 200px;
    background-color: lightgray;
    opacity: .7;
    overflow:hidden
}