如果仅其中一个div应用了省略号，则2个内联块div之间的高度差

Question

在Firefox中，如果其中一个分区应用了省略号，则div的高度会有所不同，我未在其他浏览器中进行过测试。

我决定使用display: inline-block;来代替在我的div上使用float。

我对flex解决方案不感兴趣！

如果一个格应用了省略号，为什么它们之间的高度差为何？

要使我的div具有相同的高度，correct可以在两个ellipsis上使用，即使在第二个div中我不会声明任何宽度？只是让他们两个都高！

如果一个格应用了省略号，您是否有更好的解决方案来消除高度差？

#mycontainer {
display: block;
}
.a {
display: inline-block;
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background-color: #ffa2a2;
}
.b {
display: inline-block;
background-color: yellow;
}

<div id="mycontainer">
<div class="a"> 
This text is two long for my space and must apply ellipsis.
</div>
<div class="b"> 
This text cannot be long so ellipsis is not necessary.
</div>
</div>