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

Question

我正在做一个搜索栏。文本输入框和搜索按钮按计划是相邻的，但是当浏览器展开时输入框的高度不断变化。我已经多次查看我的代码，但找不到导致问题的原因。任何帮助，将不胜感激 ：）

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

Answer 1

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

Answer 2

如果你改变

input{
    padding: 1.5%; 
}

到

input{
    padding: 6px;
}

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

Answer 3

问题是由设置引起的padding: 1.5%。百分比是相对于包含块的宽度的。em根据设计要求，将其移除或使用该装置。