和不一樣高的問題

模仿有道詞典首頁[dict.youdao.com]搜索框的時候碰到一個問題，加入search button以後會致使input(搜索內容輸入框)下沉，通過F12分析實驗，發現只要按鈕的height到達必定高度，就會致使input下壓。

然而，將button設置爲float left，高度就平齊了，只不過按鈕本身漂到了頁面最左邊，我就想這樣的話，我若是把input也設置爲float left就能夠解決這個問題了，實驗證實，確實如此，可是我仍是以爲有更好的解決辦法。

最後想起了vertical-align這個屬性，將其設置爲middle就能夠解決了，緣由是，button的對齊方式原本並非middle的，所以致使了混亂。將input和button的vertical-align都設置爲middle，搞定。

通過此次嘗試我還發現，其實display:inline-block沒什麼用處，設不設置效果沒什麼變化