刚刚又在我的博客里发现 IE6 的一个 bug ，其实不只是 IE6 存在这个问题，IE5.5（估计很少人用了吧？）也有这个问题，而奇怪的是另一个更古董的 IE5.01 却不存在这个问题。直到 IE7 ，终于消除了这个 bug 。 嘿嘿，说了这么多，看得一头雾水了吧？

事情是这样的——

网友牧狼羊说我的 blog 页面显示有点错位，经查，确实在 IE6 下显示有点问题，内容向在边缩进去了，隐藏了一部份。如下图所示：


代码如下：

经过反复测试，发现是外层 div 同时定义了 padding-bottom 和 border-left 造成的后果。

总结网上的解决办法：
1、外层 div 加上 css 属性 height: 1%;。这就是著名的 Holly Hack ，好像能解决 IE 下很多 bug ，因此被广泛应用。不过建议这样写“* html .comment {height: 1%;}”， 以使它仅对 IE6 以下版本的 IE 浏览器起作用。
2、类似上面的方法，不过不是给它添加属性 height ，而是 IE5.5＋ 的专有属性 zoom: 1;。

还有一种方法，就是去掉 padding-bottom 与 border-left 两者中其中之一，使此 bug 产生的条件不存在。