html - 两个高度相同的div显示不同

Question

我div在一个容器中有两个 s，它们都设置为display:inline-block相同的高度。两者之间的唯一区别是它们的字体大小。因为它们的高度设置为相同的值，所以我希望它们具有相同的高度并且从页面的最顶部开始，但是情况并非如此（一个从顶部偏移了一点点）。

为什么会这样，我如何使它们的高度相同并且从顶部偏移 0？

http://jsfiddle.net/tinanyaa/tWrHd/1/

Answer 1

的默认值为inline-block基线。vertical-align:top在您的 DIV 中定义。像这样写：

div{
 display:inline-block;
 vertical-align:top
}

检查这个http://jsfiddle.net/tWrHd/2/

阅读更多内容为什么这个 inline-block 元素会被向下推？

Answer 2

也许将vertical-align: text-top;orvertical-align: top;属性添加到这两者可能会有所帮助？