爲什麼這些元素不在這個html中？

Question

我想從一個自定義主題從頭開始選擇框元素。當我在我的CSS中有第59行的overflow:hidden;時，元素不按我期望的方式排列。但是，當我刪除該行時，它確實符合我期望的方式，但文本會溢出。它似乎在Chrome中工作，但不是Firefox。

工作：

不工作：

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

爲什麼這種情況發生，我怎麼能解決這個問題？

Answer 1

添加這種風格：

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

否則元素將嘗試對齊到基線，這可能會產生意想不到的效果。