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單元。