和不一样高的问题

模仿有道词典首页[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没什么用处，设不设置效果没什么变化