带溢出的css对齐问题和带溢出的内联对象:隐藏

Question

我想有一个div显示:带溢出的内联块:隐藏.我的问题是overflow:hidden会压下相邻的内联块元素.

演示:http: //jsfiddle.net/vNDmX/

任何人都可以解释为什么会发生这种情况,我该如何解决？

更新:这是一个特定于Firefox的问题.float:left工作有点,但它仍然是间距:http://jsfiddle.net/vNDmX/3/.

Answer 1

这是一个特定于Firefox的错误(这是我在调查时发现的相关问题).修复似乎是设置vertical-align: top.

这是一个修复示例,以及一些添加到show元素的边框:

http://jsfiddle.net/vNDmX/5/

button {
    vertical-align: top;
}