为什么内联块略低于比较块？

Question

在将内部div设置为内联块时，它会略低于块的内部div。那是为什么？

http://jsfiddle.net/Sb9Wb/

<div class="outer">
<div class="inner">
    <p> This is a inner div</p>
    <p>Height set to 100%</p>
    <p>Why it renderes slightly below when set to inline-block that of a block?</p>
</div>

请尝试将内部div设置为块并查看差异！

同样的内联块在此处添加滚动条 http://jsbin.com/kabom/1/edit

因为，下面的一个类被添加到div！

.sapUiView {
display: inline-block;
}

Answer 1

您实际看到的空间是由添加内联块属性时变为可见的“p”边距引起的。

尝试添加

 margin:0;

p是这样的第一个孩子：

http://jsfiddle.net/Sb9Wb/2/