兼容问题（下）

每个浏览器不同的内核，不同的处理引擎，不同的渲染引擎就会导致写同一条样式的时候出现差异 这个现象叫做做兼容

浏览器：Ie（6 7 8 9 10 11） 谷歌 火狐 苹果

Ie6 7的常见的兼容性的问题

H5标签兼容。 （js文件引入）

第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题; （第二块元素也float）

IE6下子元素超出父级宽高，会把父级的宽高撑开 (绕过)

p 包含块元素嵌套规则。 (绕过)

margin兼容性问题 合并 塌陷（传递） (float border overflow:hidden)

display:inline-block 的问题 (display:inline;zoom:1)

IE6 最小高度问题 (overflow:hidden)

IE6 双边距 （*display: inline;）

li里元素都浮动 li 在IE6 7 下方会产生4px间隙问题 （*vertical-align: top;）

IE6 7 父级元素的overflow:hidden 是包不住子级的relative （*position: relative; ）

IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差 （设为偶数）

IE6 下input的空隙 （*float: left;）

IE6 下 输入类型表单控件背景问题 （background-attachment: fixed;）

IE6不支持背景透明的问题 <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix("i"); </script> 引人一个js文件包