IE6 BUG的解决方法

双边距BUG：float引起的，使用display:inline（在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说，在与浮动同方向的空白边会加倍，解决方法是为这个div的css中添加：display:inline; 这样就可避免双倍边距bug。）
3像素问题：float引起的，使用display：inline -3px;（当使用float浮动容器后，在IE6下会产生3px的空隙，因为是确切的3px，所以，用“暴力破解”吧，比如.left   _margin-right:-3px;，还有一种方法是也设置float            HTML：
          <div class="left">在ie6下的显示状态</div> 　
          <div class="right">在ie6下的显示状态</div>
          <p> </p><p>在ie6浏览状态下，我们看到。绿色div与蓝色div中间出现了一条空隙。这就是ie6下3像素bug问题。</p>　　结果：               ）
超链接hover：点击后失效，使用正确的书写顺序  link  visited  hover  active
IE   z-index问题：给父级添加position:relative
Png透明：使用js代码改
Min-height：最小高度！important解决
select在IE6下遮盖：使用iframe嵌套
为什么没有办法定义1px左右的高度容器：IE默认的行高造成的，使用overflow:hidden;  zoom:0.08;  line-height:1px;
当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？
在父窗口加上overflow：auto； _zoom：1 ；这两个样式属性，
overflow：auto是让父容器来自适应内部容器的高度，
_zoom：1；是为了兼容IE6而使用的CSS HACK
IE6中奇数宽高的bug
          IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改为偶数          
IE6下为什么图片下方有空隙产生
          解决这个bug的方法也有很多，可以是改变HTML的排版，或者定义img为display：block；或者定义vertical-align属性值为vertical-align：top | bottom |  middle | text-bottom还可以设置父容器的字体大小为零，font-size:0          
IE6下空标签高度问题
一个空div如果高度设置为0到19px，IE6下高度默认始终19px。例如：
.c{background-color:#f00; height:2px;  }
<div class="c"></div>
如果不让它默认为19px。而是0px的话
解决方法有3种
1）、css里面加上overflow：hidden
2）、div里面加上注释<div class="c"><!--></div>
3）、css里面加上line-height：0；然后div里面加上#nbsp；<div class="c">&nbsp;</div>(#换成&)
如何用css分别单独定义IE6、7、8的width属性
所有浏览器通用：height：100px
IE6专用：_height:100px;
IE6专用：*height：100px;
IE7专用：*+height：100px
IE7、FF共用：height：100px ！important；
css中哪些属性可以同父元素继承
          继承：文本类的均可继承，列表元素可继承