一聚教程网:一个值得你收藏的教程网站

热门教程

IE局部滚动条中元素position:relative或绝对定位滚动无效BUG

时间:2022-06-29 04:37:12 编辑:袖梨 来源:一聚教程网

使用的样式与结构如下
.box{overflow-x:hidden;overflow-y:auto;}
.box ul li{text-align:left;position:relative;line-height:1.3em;}
.box ul li span{position:absolute;right:5px;top:0;}


   

position:relative;
父级 overflow:scroll时,
IE6子级不随滚动条滚动,IE7也没有修改这个BUG
解决方案:父级元素添加 "position:relative;left:0;top:0;"
修复后的实例如下,请使用IE6或IE7查看。

热门栏目