浏览器兼容性
常用浏览器内核：
IE浏览器：6以前版本、7、8、9、10、11-内核Trident
Edge浏览器（Edge）-内核EdgeHTML（全新内核）
谷歌浏览器（Chrome）-内核webkit
火狐浏览器（Firefox）-内核Gecko
苹果浏览器（Safari）-内核Webkit
1.块状元素float后，又添加了横向的margin，在IE6下比设置的值要大（属于双倍浮动的bug）
解决方法：给float标签添加display：inline，将其转换为行内元素
2.表单元素行高不一致
解决方法：给表单元素添加float：left（左浮动）；或者是vertical-align：middle；（垂直对齐方式：居中）
3.设置较小高度的容器（小于10px），在IE6下不识别小于10px的高度；
解决方法：给容器添加overflow：hidden；
4.当在a标签中嵌套img标签时，在某些浏览器中img会有蓝色边框；
解决方法：给img添加border：0；或者是border：none；
5.min-height在IE6下不兼容
解决方法：
1）min-height：value；
_height：value；
2）min-height：value；
height：auto！important；
height：value；
6.图片默认有间隙
解决方法：
1）给img标签添加左浮动float：left；
2）给img标签添加display：block；
7.按钮默认大小不一
解决方法：
1）用a标签来模拟按钮，添加样式；
2）如果按钮是一张背景图片，那么直接给按钮添加背景图；
8.百分比的bug
解决方法：父元素宽度为100%，子元素宽度各为50%，在IE6下各个元素宽度之和超过100%
解决方法：给右边浮动的子元素添加clear：right；
9.鼠标指针bug
描述：cursor：hand；只有ie浏览器识别，其他浏览器不识别
解决方法：cursor：pointer；IE6以上浏览器及其他内核浏览器都识别；
10.透明度属性
解决方法：针对IE浏览器：filter：alpha（opacity=value）；（取值范围1–100）
兼容其他浏览器：opacity：value；（取值范围0–1）
11.上下margin的重叠问题
描述：给上边元素设置了margin-bottom，给下边元素设置了margin-top，浏览器只会识别较大值；
解决方法：margin-top和margin-bottom中选择一个，只设置其中一个值；