html - 什么可能导致我的 inline-block 元素（绿色框​​）上的空白？

Question

我确实注意到只有当我在框中输入文本时才会发生这种情况。那么文本可能会导致这个空白空间吗？ 事件截图

div {
  width: 150px;
  height: 150px;
  display: inline-block;
}

.one {
  background: red;
}

.two {
  background: blue;
}

.three {
  background: green;
}

<div class="one"></div>
<div class="two"></div>
<div class="three">Submit!</div>

标签： htmlcss