浮动兼容问题

1、IE 双边距 BUG 

IE 下块属性标签浮动，并且有横向margin，横向margin加倍：

（1）IE6 

（2）浮动

（3）横向margin

（4）块属性标签（加display：inline）

2、IE 下 li 部分兼容性问题

（1）左右两列布局，右边右浮动 IE6，IE7 下折行（左边元素浮动）

（2）IE6，IE7 li 下元素都浮动 在 IE6，IE7 下 li 下方会产生4px间隙问题

解决方式：通过给元素添加：vertical-align:top

3、vertival-align / img 问题

vertical-align 垂直对齐方式

（1）加垂直对齐方式的同排元素都要加垂直对其方式

（2）垂直对齐方式可以解决元素下方间隙问题

图片下方间隙问题

（1）display:block （改变标签本身特性）

（2）overflow:hidden （必须知道图片高度）

（3）vertical-align 暂时最完美的解决方案