双边距BUG：float引起的，使用display:inline（在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说，在与浮动同方向的空白边会加倍，解决方法是为这个p的css中添加：display:inline; 这样就可避免双倍边距bug。）
3像素问题：float引起的，使用display：inline -3px;（当使用float浮动容器后，在IE6下会产生3px的空隙，因为是确切的3px，所以，用“暴力破解”吧，比如.left _margin-right:-3px;，还有一种方法是也设置float HTML：
<p class="left">在ie6下的显示状态</p>
<p class="right">在ie6下的显示状态</p>
<p> </p><p>在ie6浏览状态下，我们看到。绿色p与蓝色p中间出现了一条空隙。这就是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，解决方案就是将外部相对定位的p宽度改为偶数
IE6下为什么图片下方有空隙产生
解决这个bug的方法也有很多，可以是改变HTML的排版，或者定义img为display：block；或者定义vertical-align属性值为vertical-align：top | bottom | middle | text-bottom还可以设置父容器的字体大小为零，font-size:0
IE6下空标签高度问题
一个空p如果高度设置为0到19px，IE6下高度默认始终19px。例如：
.c{background-color:#f00; height:2px; }
<p class="c"></p>
如果不让它默认为19px。而是0px的话
解决方法有3种
1）、css里面加上overflow：hidden
2）、p里面加上注释<p class="c"><!--></p>
3）、css里面加上line-height：0；然后p里面加上#nbsp；<p class="c"> </p>(#换成&)
如何用css分别单独定义IE6、7、8的width属性
所有浏览器通用：height：100px
IE6专用：_height:100px;
IE6专用：*height：100px;
IE7专用：*+height：100px
IE7、FF共用：height：100px ！important；
css中哪些属性可以同父元素继承
继承：文本类的均可继承，列表元素可继承
