首先看看两个元素是不是默认有border和padding，导致了元素无法对齐。其次应该采用ie盒模型（css开局应该就设置了）。
高度对不齐
对不齐是因为行内元素的基线是不同的，所以会导致高低不同。
解决办法：每一个元素都加上：
vertical-align:middle;
之间有间隙
如果两个标签不写在同一行，中间有换行符，则html页面之间会渲染一个空格出来。两个标签连着写就可以避免这种情况。
问题源
50demo--04-Hidden Search Widget
标签：间隙,标签,button,元素,不齐,input From： https://www.cnblogs.com/yukinon/p/16845020.html