为什么这些元素不在这个html中？

Question

我想从一个自定义主题从头开始选择框元素。当我在我的CSS中有第59行的overflow:hidden;时，元素不按我期望的方式排列。但是，当我删除该行时，它确实符合我期望的方式，但文本会溢出。它似乎在Chrome中工作，但不是Firefox。

工作：

不工作：

下面是代码：http://jsfiddle.net/nd7Hn/

为什么这种情况发生，我怎么能解决这个问题？

Answer 1

添加这种风格：

.editor-controls>* {vertical-align:top} 

否则元素将尝试对齐到基线，这可能会产生意想不到的效果。