Css 为什么<；h4>；将标题更改为“显示：内联”时的高度更改？

我有以下资料：

<h4>Hello</h4>
<h4 class="a">Hello</h4>
<h4 class="b">Hello</h4>

h4 {  
    font: normal 12px/23px Arial, sans-serif; margin: 0; padding: 0 7px;
    border: 1px solid #CCC; background-color: red;
}
h4.a { display: inline; }
h4.b { display: inline; height: 23px; }

你好 你好 你好 h4{ 字体：标准12px/23px Arial，无衬线；边距：0；填充：0 7px； 边框：1px纯色#CCC；背景色：红色； } h4.a{display:inline；} h4.b{显示：内联；高度：23px；} 例如：

---

我需要的是标题的高度保持不变，但宽度不是全宽。我改为“内联”，但我注意到现在高度发生了变化。有人能解释一下我如何保持相同的高度吗？

您不能对具有

display:inline

的元素应用显式的

height

值

---

如果你改为显示：内联块，会怎么样？

我更倾向于使用

浮动：左

效果很好，我会使用它。我想可能存在一些浏览器问题，但我的用户还是需要升级：-）@SamanthaJ-内联块的浏览器问题是。。。IE6和IE7：使用star hack和内联

*显示：内联

和Firefox2：没有什么好办法，但现在真的有多少人在使用FF2？@Spudley:

display:-moz内联框

，但谁还在使用它呢？