内联块显示问题

Question

我正在创建一个仪表板，在仪表板中我有两个框，我希望它们位于顶部的同一级别。我正在使用显示 "inline-block" 将它们分组在框中；然而，结果是不同的，底部是在同一水平，但顶部不是。请参阅下面的屏幕截图：

https://www.mediafire.com/convkey/8e14/xdh672yojc8owe86g.jpg

我把每个盒子的高度设置为"auto"。您可以在屏幕截图中看到第一个框与第二个框没有对齐，有没有办法让两个框在同一水平或在顶部对齐？我尝试使用 table-cell 显示，但它在其他浏览器（如 IE）上存在兼容性问题。谢谢

Answer 1

在包含行内块元素的元素上使用 verical-align: top; CSS 属性。 ;)