What Is Border Chaos?
This is a bug that I have observed in IE 6.0/Win, but not in previous versions of IE/Win. I do not know if IE/Mac has it. The bug occurs when the following conditions are met:
- There are two consecutive block-level boxes;
- The second one has a negative top margin; and
- There is at least one border on the second box or its ancestors.
Perhaps not the most common situation — we don’t often use negative margins for consecutive flowed boxes — but IE renders all the borders around the second box in odd locations (and seems to omit some entirely), which is just
wrong. There is a demo on another page. For those people without IE/Win, some screenshots follow.
在IE6中出现了这个BUG，但是在IE以前没有出现过这个情况。上面列举了BUG出现的条件。
原文：http://www.positioniseverything.net/explorer/border-chaos.html
贴一下图片看看：
在FireFox0.8中的效果，这个是预想的效果：
而到了IE6就成了这样了：（使用CSS+XHTML布局的页面）