IE浏览器兼容性问题

1、在 IE6 下，子级的宽度会撑开父级设置好的的宽度

解决方法：盒模型的计算一定要精确，否则 IE 浏览器可能会显示不同

2、在 IE6 下，元素浮动，如果宽度需要内容撑开

解决方法：给里面的块元素都添加浮动才可以

3、在 IE6,7 下，元素要通过浮动排在同一排，就需要给这行元素都加浮动，否则 左右 div 之间会有一个 3px 的间距

4、在 IE6 下，行标签里面包含块标签，IE会会自动补全行标签

解决方法：注意标签的嵌套规则

5、在 IE6 下，元素的高度如果小于 19px 的时候，会被当成 19px 来处理

解决方法：给元素添加 overflow:hidden;

6、在 IE6 下，不支持 1px 的dotted 边框样式

解决方法：切背景平铺

7、在 IE6 下，大部分兼容性都是因为 hasLayout 属性的触发问题，尽量去触发 hasLayout 属性，可以减少很多 IE 下的兼容性问题
在 IE6 下，父级有边框的时候，子元素的 margin 会失效
解决方法：触发父级的 hasLayout 属性

8、在 IE6 下，块元素有浮动有横向的 margin 的值得时候，横向的 margin 的值会扩大 2 倍(双边距)，行元素不会有双边距的问题出现

解决方法：给元素添加 display: inline;

9、在 IE6,7 下，li 本身没有浮动，若 li 里面的内容有浮动，li 下回产生一个间隙

解决方法： 
1、给 li 加浮动
2、给 li 加 vertical-align:top;

10、在 IE6,7 下，li 本身没有浮动，若 li 里面的内容有浮动，li 下回产生一个间隙
解决方法： 
1、给 li 加浮动
2、给 li 加 vertical-align:top;
在 IE6 下最小高度的 bug 和 li 的间隙问题共存的时候，给 li 加浮动，vertical-align 不好使

11、在 IE6 下，当一行子级元素宽度之和和父级的宽度相差超过 3px，或者子级元素不满行的情况的时候，最后一行的自己元素的 margin-bottom 会失效

解决方法：目前还没有方法可以处理这个 bug，只能避免

12、在 IE6 下，子元素的宽度和父级的宽度如果相差小于 3px 的时候，或者两个浮动元素中间有注释或者内联元素时，就会出现文字溢出，内联元素越多，溢出越多

解决方法： 用 div 把注释或者内联元素包起来

13、在 IE6 下，当浮动元素和绝对定位元素是兄弟关系的时候，绝对定位会失效

解决方法： 不让浮动元素和绝对定位元素是兄弟关系，用 div 或者其他标签把 a 标签(绝对定位元素)包起来

14、在 IE6,7 下，子级元素有相对定位， 父级 overflow 包不住子级元素

解决方法： 给父级元素也加相对定位

15、在 IE6 下，如果绝对定位的父级的宽高是奇数的时候，子级元素的 right 和 bottom 值会有 1px 的偏差

解决方法：无解决方法，只能避免

16、在 IE6 下，固定定位是不支持的

解决方法：无法只通过修改样式来处理，只能通过 js 来模拟固定定位

17、在 IE6,7 下，输入型的表单标签控件上下会有 1px 的间隙

解决方法：给输入型表单标签加浮动

18、IE6 不支持 PNG-24 的图片格式，显示不了透明与半透明的图片

解决方法：引入 js（DD_belatedPNG_0.0.8a.js）

19、在 IE6,7,8 下，注释的内容可以通过注释条件语句可以识别

20、css hack:
\9 IE10之前的 IE 浏览器解析的代码，表示 IE 9 包括 9 之前的 IE浏览器
+或者* 表示 IE 7 包括 7 之前的 IE浏览器
_ 表示 IE6 包括6 之前的额 IE浏览器