IE6下position:absolute相邻元素margin-top失效的bug
这篇讲的是一个老而经典的IE6兼容性问题。作者从实际项目出发，遇到了一个看似奇怪的现象：两个设置了`position:absolute`的相邻元素，它们之间的`margin-top`竟然失效了，仿佛被浏览器吃掉了一样。 文章并没有停留在描述症状。作者很可能是深入到了IE6的盒模型渲染和BFC（块格式化上下文）的怪异行为中去寻找答案。绝对定位元素创建了独立的层叠上下文，而IE6在处理相邻的绝对定位元素时的垂直边距合并规则存在缺陷，这正是bug的根源。文章应该会详细剖析这个机制。 在定位问题后，作者给出了解决方案。根据这类问题的常见处理方式，解决方法可能包括：为元素显式设置`overflow: hidden`或`zoom: 1`来触发正确的布局计算，或者调整元素的包含块结构来规避IE6的这个解析错误。虽然IE6已逐渐淡出主流视野，但这种对底层渲染差异的深究思路，对于理解现代浏览器的布局机制仍有启发。当遇到类似无法解释的样式失效时，回溯经典浏览器的怪异行为，有时能更快找到线索。