Html 内联块元素内的表打断了垂直对齐

将表格放入内联块元素中时，它旁边的内联块元素向下移动，而不是对齐元素的顶部

HTML 结果

JSFIDLE

---

为什么会发生这种情况，我可以做些什么来防止它？您需要设置

垂直对齐：顶部到它旁边的div

您需要设置
垂直对齐：顶部到它旁边的div

您可以尝试以下方法：


div {
display: inline-block;
border: 1px solid #000;
vertical-align:top;
}

您可以尝试以下方法：


div {
display: inline-block;
border: 1px solid #000;
vertical-align:top;
}

你的JS小提琴和海报上展示的一样。这里有一条最新消息：@JunM，你比我快！我也想知道为什么会这样。默认的垂直对齐看起来很随意。你的JS小提琴和海报上展示的一样。这里有一条最新消息：@JunM，你比我快！我也想知道为什么会这样。默认的垂直对齐看起来很随意。但是为什么会这样呢？相邻div的顶部或底部似乎不与特定的位置对齐。但为什么会发生这种情况？相邻div的顶部或底部似乎没有与特定的位置对齐。
div {
display: inline-block;
border: 1px solid #000;
vertical-align:top;
}