使用dispaly：inline-block设置布局后，会出现布局错位的问题如下：
为了解决这个问题，可以使用添加vertical-align: top;就可以解决了
附赠另外两个问题：
问题一：
使用span标签或者a标签写按钮时，会发现写了一大堆，width和height无论怎样设置都没有宽高，
其实只要加上display: inline-block或者display: block;
这是因为span和a都是内联标签，无法设置宽高。要变成块级标签设置的宽高才能使用。
问题二：
使用inline-block后，该标签下方出现一片空白，使用vertical-align: bottom; 就可以了。
