bug总结

 

1. 浮动+不浮动--》3px文本偏移bug
   1. 
   2. 解决方法：均设置为float。
2. IE6下双边距bug（块元素+浮动+横向margin）
   1. 
   2. 解决办法：把display:block改为display:inline-block。或将margin改为padding。
3. IE6/7下，li元素中两个子元素有一元素向右浮动，右侧元素折行问题。（li元素下的一个浮动一个不浮动）
   1. 
   2. 解决方法：前一个非块元素设置为float。
4. IE6/7下，li不浮动，内部元素全浮动的情况下，各各li有3px的间隙。(li的width和清除浮动设置+内容全部浮动)
   1. 
   2. 解决方法：加上li{vertical-align:top;}。或者是把li{width:200px}宽度设置到ul{width:200px;}中。
5. IE6/7下的图片窿问题
   1. 
   2. 解决办法：方法一：display:block;方法二：设置vertical-align。
6. IE6下，父元素浮动，子元素为块元素时
   1. 1. 
      2. 解决办法，子元素设置浮动。　　
7. IE6不支持png24透明背景，会显示为灰色背景。
   1. 
   2. 解决办法：但这种方式也有局限性，在IE6中放大显示时会出错。

      <!--[if IE 6]>
      <script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
      <script type="text/javascript">
      DD_belatedPNG.fix('#css1,#css2');
      </script>
      <![endif]-->

8. border设置三角形需要用到border-color:transparent，而IE6中不支持。
   1. 
   2. 事实上还是有线有颜色的，只是通过设置字体大小，以及边框样式巧妙隐藏而已。
9. 。
1. 1. 。