为什么在 div 上使用 contenteditable=true 会影响其位置？

Question

当我有 2 个简单的方形 div 时，它们都是内联块，它们完美地并排放置。 01 none editable 但是，如果我将 contenteditable=true 添加到其中之一，则该垂直移动。 02 red editable 但是，如果我让它们都可编辑，它们就会再次对齐。 为什么会发生这种情况？如何避免？ 我只需要其中之一即可编辑。谢谢！