HTML和CSS我的文本输入框不断变化高度

Question

我在做一个搜索栏。文本输入框和搜索按钮按计划彼此相邻，但是当浏览器展开时，输入框的高度会不断变化。我已经通过我的代码多次，我无法找到是什么原因造成的问题。任何帮助，将不胜感激:)

http://jsfiddle.net/tmjfd/3/

Answer 1

您要定义padding给出一个百分比。这将根据您的文档大小进行缩放，并会影响您的总输入高度。如果您不希望输入缩放，则需要使用固定值。

Answer 2

如果你改变

input{ 
    padding: 1.5%; 
} 

到

input{ 
    padding: 6px; 
} 

这将解决这个问题。 问题是填充的百分比是基于窗口大小的。

Answer 3

该问题是由设置padding: 1.5%造成的。百分比相对于包含块的宽度。根据设计要求将其拆下或使用em单元。