IE 6

这个仅运转在Windows平台上的浏览器对许多CSS设计者/开发者来说几乎就是毒药。自2001年发布以来，它的Trident引擎和CSS解析器没有升级过。跟Windows平台上的IE 5.x（初次发布于1999年）相比，最大的差别在于引进Doctype开关并在“标准模式”(Standards Mode)下修正了大量CSS1的臭虫。

由于它的引擎自初次发布以来都没有升级过，所以关于它的臭虫和处理方案的文档都基本完善了，您可以从http://www.positioniseverything.net/explorer.html找到更详细的信息。

只对IE 5+显示所需款式，可以使用Tan Hack，或者，也可以称之为* html Hack。

div {color: green;}* html div { /* IE5+将会使用它 */color: red;}

在(X)HTML中，html是根元素（即老大，它上面没有父元素了）。Tank Hack实际上是要选择一个元素（在这个例子中，是div），它属于html的后代，而这个html又是任何元素（您所看到的型号*）的后代。在理论上，这是不可以的，所以解析正确的浏览器都会忽略* html，但是似乎IE 5+还有实现了某些在html的父元素（是什么我们不得而知），从而讽刺地，不测地让我们可以处理很多难题，感激Bill，大家面向太平洋方向鞠一躬……

至于对IE 5+隐藏款式，那真是太简单了，使用CSS2中的子选择符，相邻选择符，属性选择符等，IE都不可识别（CSS规范中也有说明，对于不可识别的都忽略，IE也有严厉遵照规范的时候），从而忽略整条规则。比如：

body > #content {...}div + #content {...}div[id="content"] {...}

但是我并不建议您这么做，由于您要承担浏览器升级的风险。IE7曾经支持这些“先进”的选择符，所以我不建议对过时的非兼容浏览器使用“先进”选择符来做修补任务。

当我们使用CSS hack和filter的时候，如果可以，仅对老式/过时/废弃的浏览器使用，不要对当前版本的浏览器使用，以免升级时失效。另外，我也希望使用hack和filter能够尽量合法（valid），能通过CSS校验器的检查。所以对于星号*/下划线_加属性（property，也叫性质），还有在属性和值之间添加空注释的非法hack，我不在这里提了，我也不建议你去查。针对这个问题，我建议大家可以看看CSSZenGarden创始人Dave Shea的Stop Hacking, or be Stopped。

那么，我们来列一下IE5+/Windows次要臭虫及处理方案，我希望在使用这个方案的时候，能考虑一下前面提到的Dave Shea和我的想法。

在一个液态的（liquid）的盒内，跟在一个浮动的元素后的内容会莫明其妙消逝（只要IE6会发生）。学名Peek-a-boo Bug.

给该盒定义height: 1%;（但要留意对IE 5.x/Mac隐藏）。

/*\*/ * html div {height: 1%;}/**/

这个就是有名的Holly Hack（救世hack？神圣hack？）。它通过给一个块设置一个十分小的高度值（1%几乎成了通用准绳）来任务。但IE 5+/Win能够依据内容来扩展这个盒子到足够的高度，就是说，把height当作min-height来用。在大部分情况下，Holly Hack能够使IE5+/Win按照实质的行为来表现。

在列表元素（dl, ul, ol），定义在绝对或浮动定位的块级元素的背景会消逝。学名Disappearing List-Background Bug

给列表元素定义绝对定位（但同样留意对IE5.x/Mac隐藏，由于它没有这个虫虫——相反名字，表现却咋这么不同呢？）

/*\*/ * html ul {position: relative;}/**/

虽然不是一个很有技术含量的hack，但使用position: relative;能够让你从IE5+/Win的大部分困境中解脱出来。同时很多场合下你也不情愿使用，由于它产生的块（block）或许是你不需求的，所以还是省着点用吧。

浮动元素内某些连接hover时，该元素的底部会被砍掉。学名Guillotine Bug

对包含元素使用Holly Hack.

一个绝对定位元素内的绝对定位元素，其内容超出页面底部时不会触发滚动条。学名Unscrollable Content Bug.

对包含元素使用Holly Hack.

当多个浮动的元素彼此跟随，两头加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug.

不要给浮动元素设置多宽度，使其不会到达包含元素的底部，或者对最后一个元素设置margin-right: -3px;或者更小。

浮动元素相反浮动方向上的边界是所设置值的两倍。

div {float: left;margin-left: 100px;}

为浮动元素设置display: inline;。留意：依据W3C的建议，除非值是none，否则不应该在浮动元素上使用display。

一个块级元素内的文本跟浮动元素之间有一个3像素的间隔。学名Three Pixel Text-Jog Bug.

对块级元素使用Holly Hack.

内容中包含未达到底部的浮动元素，清除（clear）浮动的块级元素的padding-top会加倍。

给该清除浮动的元素使用Holly Hack.

绝对定位容器内连接的background-image失效。

给连接绝对定位。

一个有padding的盒子内嵌套一个有margin的盒子，外围盒子的padding-top和里面盒子的margin-top不会相加。

里面盒子的margin-top设置双倍值。

以下划线开头的class和id会被忽略。

防止以下划线开头命名class和id.

一个绝对定位元素的left值依据容器内第一个元素的左边缘计算，而不是容器本身。

依据实际情况调整left的值或者绝对