IE6 Bug及解决方案汇总

   由于很多原因，我们也没办法完全屏蔽它。所以在此总结一些IE6 Bug和解决方案，供自己和广大前端工作人员参考。

   参考：http://www.css88.com/archives/579

   1.双边距Bug

                                          图  1                                   

   我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。

   这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，

   我们给绿色盒模型应用以下CSS属性：

.floatbox{ 
float: left; 
width: 150px; 
height: 150px; 
margin: 5px 0 5px 100px; 
/*外边距的最后一个值保 证了100像素的距离*/ }

                                       图 2

  解决方案：

.floatbox { 
float: left; 
width: 150px; 
height: 150px; 
margin: 5px 0 5px 100px; 
display: inline; 
} 

  结果：

                                     图  3