CSS疑难杂症

CSS在使用中经常会出现一些莫名其妙的问题，所以在此记录一些常见问题的解决办法

在给一个父元素设置overflow:hidden时，子元素可能会显示错位，例如原本是水平对齐的元素变成上下错位，造成错位的原因是：原本的box会包含一个vertical-align:baseline属性，但是在改变overflow属性的时，会重新生成一个box，导致原本的vertical-align:baseline属性失效

解决办法也很简单，就是就上vertical-align属性即可，例如加上vertical-align:middle (加任意值都行，不一定需要middle)