IE6 bug: 消失的绝对定位元素
这篇来自《前端观察》的文章，深入剖析了IE6时代一个经典且令人困惑的bug：绝对定位元素在特定场景下会莫名消失。作者从实际开发中遇到的布局错乱问题出发，重现了bug的典型表现——当一个设置为`position: absolute`的元素与浮动元素共处于同一容器时，IE6浏览器会错误地将其渲染为不可见，导致页面布局完全失控。 问题的根源直指IE6渲染引擎中一个关键机制：`hasLayout`属性。文章通过细致的代码测试指出，绝对定位元素在默认情况下并未触发`hasLayout`，而IE6依赖这一属性来计算布局和绘制元素，因此导致了渲染错误。作者进一步分析了不同CSS属性（如`zoom`、`float`和`width`）如何影响`hasLayout`的触发，并提供了具体的测试