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单位。