首先说说我对IE的看法：
第一感觉倔强、孤僻特立独行。（总是和别人不一样，是初学者的噩梦）
第二感觉个性（每个版本都需要你去用不同的代码去适配她）
虽然现在IE已经升级到了11相对于以前的IE8，IE7，已经完善了好多 一些css3动画也能支持了，但是 现在大多数客户的电脑貌似还是以前的IE7 IE8 从未升过级（惊喜不惊喜，开心不开心……额！！！）
以前因为自己的电脑用的是IE11 360兼容模式默认打开IE9 所以一般我做兼容只做到IE9以上没问题，开开心心的把页面链接发给客户,等待客户给我发个ok ,就任务完成了 ！等来的却是一张截图
页面样式全乱，浮动到处飞，各种样式背景图丢失，一瞬间我开始怀疑了自己的人生。趁客户没有生气 ，急忙解释 客户用的浏览器？ 什么模式？版本号？等来的是另一张截图上面大大的写着IE8！！
瞬间崩溃，开始在网上查关于IE7、IE8的问题
什么内边距 什么宽度问题 什么浮动问题 还有那个背景图片
我的答案如下：
内边距 使用hack方法 加入浏览器特定标识
IE6识别 * 、_
IE7识别 * + 同时写才管用 只写单独的 + 或者 * 不起作用
IE8识别 * 、9,
只有IE8识别 /
ie9只识别：9
hack详解 http://www.webhj.com/hj-650.html
宽度问题： 加入hack修改宽度 宽度 = 原宽度- 内边距 例如 你在谷歌的宽度 是200px 内边距为10px ie宽度应为 200px-20px=180px
浮动问题 ：这个问题我只遇到过一次 两个左浮动 显示的结果变成了 两个都右浮动 而且没有在同一行 最后我的解决办法 是用的绝对定位
父级元素给一个相对定位 position:relative 浮动元素给一个绝对定位position:absolute 父级元素给个高度
还有那个背景图片： 这个看图吧
注意格式 注意 空格！ 空格！ 空格！ 这是IE一个比较坑的一点
详情可以看看这个 http://www.cnblogs.com/llhBlog/p/6158262.html