本篇针对IE6和IE7的兼容，解决办法大都采用避免不兼容的写法 或者 使用css hack；
css hack ：针对不同的浏览器写不同的css样式的过程，就叫做css hack ！在开发过程中有其他办法尽量尽量尽量不使用hack！
9 IE10及之前的浏览器识别；
+ * IE7及以前
_ IE6及以前
1、HTML5标签不兼容问题
解决方案一：用js创建标签，并转成block；
解决方案二：引入支持html5的插件。
2、块元素包含块元素导致的问题：避免不能包含的元素（p,td,h）包含
3、margin-top传递：触发BFC，haslayout；上下margin叠压：尽量使用同一方向的margin
4、IE6不支持inline-block：加*display:inline;*zoom:1;
5、IE6最小高度为19px，如果想设置更小高度:加overflow:hidden;
6、当元素设置浮动后再设置margin会产生双倍margin值：加*display：inline；
7、li里元素都浮动时，每个li下方都会产生4px的间隙：加*vertical-align：top；
8、两个浮动元素中间有注释或内联元素并且和腹肌宽度相差不超过3px时，导致多复制一个文字：避免条件发生
9、父级元素的overflow：hidden时，包不住子级的relative：加position：relative给父级
10、父级元素是奇数，绝对定位的元素的right和bottom值会有1px的偏差：不用奇数；
11、绝对定位元素和浮动元素并列绝对定位元素消失：不并列；
12、input空隙：加*float：left给input元素
13、PNG-24兼容性问题
解决方案一：引入js插件（不能处理body上的图片）
解决方案二：原生滤镜filter