首页 >web前端 >html教程 >把div固定在td中_html/css_WEB-ITnose

把div固定在td中_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-21 09:04:401125浏览

这是代码片段


  style="position: relative; width: 340px">


  onchange="document.getElementById('textfieldContentImg').value=this.value" />





就是在td中加个div,火狐和和IE7以上的都能正常显示,但是IE6,7,360浏览器无法正常使用,div无法固定在td中,主要表现在滑动滚动条时,正常情况是页面所有内容一起随着滚动条移动而移动,但是IE6,7中滚动滚动条div中的内容不移动,停留在原位置

这两张图就是我现在遇到的问题,希望高手帮忙解决一下,看能不能用css解决


回复讨论(解决方案)

你的这段代码的父容器是不是设置了overflow这个属性?
或者下面这样设置的样式:

            html,body{                overflow: hidden;                height: 100%;                width: 100%;                margin: 0;                padding: 0;            }                        body{                overflow: auto;            }

用span试试

是的一楼,body中的 样式用到的overflow: hidden;

是的一楼,body中的 样式用到的overflow: hidden;


那就是典型的“IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题 ”
解决方案:
父元素添加position:relative样式。

就是给你body加position:relative样式

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn