使用div模拟弹出窗口
遇到一个这样的问题,在ie6下
调整div大小时,overflow:auto有时会失效
场景
<div style="position:absolute;top:0;left:0;height:300px;width:300px;overflow:hidden;" id="out">
<div style="height:100%;overflow:auto;">
<div style="height:200px;width:100px;margin:0 auto;"></div>
</div>
</div>
当外层out,resize到150*150时,会出现垂直滚动条
但当resize到100*100时,垂直和水平滚动条都消失了
经过多次尝试,发现在IE6下,要使overflow:auto有效,宽度高度一定都要有值(即使是100%)
修正后
<div style="position:absolute;top:0;left:0;height:300px;width:300px;overflow:hidden;" id="out">
<div style="height:100%;width:100%;overflow:auto;">
<div style="height:200px;width:100px;margin:0 auto;"></div>
</div>
</div>