兼容性
兼容性：浏览器兼容问题和适配问题统称为兼容性问题
解决办法
1.hack语法，控制解决办法
<!--[if <keywords>? IE <version>?]>
HTML代码块
<![endif]-->
eg:<!--[if gt IE 6]>
......
<![endif]-->
说明：
- gt（大于）
- lt （小于）
- gte （大于等于）
- lte （小于等于）
- 等于 （不写）
- ！ （不等于）
2.常规（直接解决办法）
- -webkit-（谷歌）
- -o-（opera欧朋浏览器）
- -moz-（火狐）
- -ms-（IE)
IE5/IE6低版本兼容性问题
1.双倍外边距问题
问题描述：当一个div给出浮动之后，给出左边距时。在IE5/IE6上边距会大2倍。
解决办法：加属性display：inline
2.图片链接蓝色边框问题
问题描述：比如，给图片一个超链接，图片会出现一个蓝色边框。
解决办法：给图片加一个去掉边框属性
3.图片引入下边距多距离问题
解决办法1：①给图片设置一个vertical-align：bottom；
②给它的父级加属性font-size：0px；
解决办法2：用hack语句控制
4.如果在不同的浏览器版本上，显示的背景颜色不一样怎么办？（针对于IE5/IE6/IE7)
解决办法：*（代表兼容IE6/IE7)
-或_(代表兼容IE5/IE6)
eg：body{
background:red;
*background:green;
_background:orange;
}
5.不同浏览器版本，页面外边距不同
解决办法：写一个公共的样式
*{
marigin：0；
padding：0；
}
以上内容如有错误之处，望请谅解，恳请指出错误之处...