【JS提升】IE常见的BUG解决方案

一、IE常见的BUG解决方案

（1）IE6常见BUG

1. 盒子浮动的margin会变成2倍，解决方案 => display: inline / block
2. 元素浮动会有3个像素间隙，解决方案 => 都加float
3. 外部一个盒子相对定位，内部一个盒子绝对定位，如果right/left/top/bottom = 0，会有1px间隙，解决方案 => 设置偶数宽高
4. img 下方有白色间隙，解决方案 => block、vertical-align、font-size: 0(不建议)
5. 一个空元素，如果设置 0 - 19 像素的高度，会默认设置19像素高度，解决方案 => overflow: hidden、 、font-size: 0
6. 浮动元素清除浮动的时候一些文字会跑到下面，解决方案 => 一行所有元素加上inline、margin-right给负值
7. z-index失效，解决方案 => 父级position：relative、z-index: 1