页面布局中的bug

综述：虽然说被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。
在此总结了常见的浏览器兼容问题，里面也有IE6的常见兼容问题，供大家分享。（只是页面布局的bug）
欢迎补充！！！！

1.怪异模式：没有书写时会触发怪异解析现象。

2.不同浏览器中很多标签的默认样式不同。一般用reset.css文件将浏览器重置。

3.横向双倍外边距：产生的四个条件 浮动 块属性标签 有横向的margin值 在ie6下。解决方法：给标签加入display:inline，使其成为行标签。

4.默认行高：产生的条件 ie6 设置的文字高度超出盒模型内容区域 设置高度时会改变布局。解决办法：加入overfloat：hidden;

5.ie6不支持透明的png图。解决办法：用jpg gif代替或者后期用js解决

6.默认高度：块元素，没有写固定高度时。解决：设置固定高/height：0；overflow：hidden；

7.img外部的border。解决方法：border：none/0.

8.图片间的默认边距。解决方法：所有图片都浮动 写代码时不换行

9.经典3像素：条件 浮动块元素与未浮动元素处于同一行。解决：设置非浮动元素浮动。

10.hover在ie6中只能给a标签用。

11.ie678不支持透明opacity的属性。用独特的代码代替
opacity:0.6;filter:alpha(opacity=60).不支持rgba的设置。

12.不支持最大最小宽高：标签的最低高度宽度设置。解决方法：为单独设置hack。

13.子选择器在ie6中不能使用。div>p这是子选择器。可以用来选择父级下的某个子级。 bug总结：常见的bug都出现在版本低的ie中。有可能bug产生于标签的不合理使用或者css样式使用不当。

14.ie不同版本个别颜色的差别。

background-color: #CC00FF;         /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9;       /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF;        /*IE6、IE7会变为蓝色*/            
_background-color: #009933;        /*IE6会变为绿色*/