我尝试在一个级别上对齐按钮和文本输入，但是我在Firefox（正确对齐）和Safari（未正确对齐）中得到不同的结果。
我创建了一个JSFiddle，您可以在两个浏览器中看到不同的行为，但目前我不能说为什么会发生这种情况。
有人知道答案吗？
谢谢！
JSFiddle：http://jsfiddle.net/LPgJr/2/
你想把它们都向左浮动 - http://jsfiddle.net/LPgJr/3/
之后不要忘记清除您的浮标。
WebKit和Gecko以不同的方式呈现文本字段的高度，这是肯定的。 尝试在您的小提琴中，连续更改文本字段的填充。 尝试 0px、1px、2px，然后尝试 3px、10px、25px、40px、80px 等任何东西。 您可以看到文本字段上的填充会影响按钮的垂直位置。 文本字段上的填充越大，按钮下降越低。
这是为什么呢？ 因为浏览器将文本区域中的文本与按钮上的文本对齐。
此处的示例：http://jsfiddle.net/rtoal/LPgJr/6/
由于浏览器呈现文本字段的方式，它们给出了不同的外观。 按照SpaceBeers的建议明确设置高度。