哈哈小老虎's Blog

一. bug自述

我不会随便吓唬人：我只吓IE6, 7；

我的出场费也蛮高哦：给父元素A显示设定一个高度，并设置overflow（3个属性值均会失效），然后将其子元素B（inline的，block的，都可以哦）设置为相对定位。

如果这些你都能做到（你是怎么做到的？），那么：hi，很高兴认识你！

二. bug真人秀

<div><p>哇，淫荡的真人秀终于开始咯，好期待哦！！！</p></div>

div {
     width: 200px;
     height: 100px;
     overflow: auto;
     border: 1px solid #36c;
}
div p {
     position: relative;
     height: 200px;
     background: #ccc;
}

// 此时，p元素完全溢出，即使设置div的overflow为hidden也是如此

三. bug生活照

四. 如何fix？

（1）给div设置position: relative，但这依然要确保div的父元素不会出现同样的情况。

五. 相关文章

（1）position:relative and overflow in Internet Explorer（老外遇到相同的问题）