CSS的一些IE兼容性问题以及vertical-align属性——2018-01-25

一、同行合并

在使用浮动使几个元素合并在同一行的时候最好要每个元素都添加浮动。

二、IE6下的双边距BUG

在IE6下，块元素有浮动，并且有横向的margin，横向的margin值会被放大成两倍。

解决方法：在该块元素上加上display:inline；

三、li下的间隙问题

在IE6、7下li本身没有浮动，但是内容浮动了，li下就会多出来几个像素的间隙。

解决办法：给li加vertical-align：top/middle/bottom；。

四、图片下方默认的间隙处理

给图片添加vertical-align：top；就可以消去间隙。

值得注意的是利用vertical-align进行对其调整的时候，要对要调整的所有元素都要加vertical-align属性。

五、IE6下最小高度问题

所有高度小于19px的元素高度都被当做19px来处理。

解决办法：overflow：hidden；

所有超过给定高度的都会被隐藏。