CSS在使用中经常会出现一些莫名其妙的问题，所以在此记录一些常见问题的解决办法
元素布局错误
设置overflow:hidden属性导致样式错位
在给一个父元素设置overflow:hidden时，子元素可能会显示错位，例如原本是水平对齐的元素变成上下错位，造成错位的原因是：原本的box会包含一个vertical-align:baseline属性，但是在改变overflow属性的时，会重新生成一个box，导致原本的vertical-align:baseline属性失效
解决办法也很简单，就是就上vertical-align属性即可，例如加上vertical-align:middle (加任意值都行，不一定需要middle)