html - 为什么元素不在这个 html 中排列？

Question

我正在尝试使用自定义主题从头开始制作选择框元素。当我overflow:hidden;在我的 css 中有第 59 行时，元素并没有按照我期望的方式排列。但是，当我删除该行时，它确实按照我期望的方式排列，但文本会溢出。它似乎确实适用于 chrome 但不适用于 Firefox。

在职的：

不工作：

这是代码：http: //jsfiddle.net/nd7Hn/

为什么会发生这种情况，我该如何解决？

Answer 1

添加此样式：

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

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