Maison >interface Web >tutoriel HTML >把div固定在td中_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-21 09:04:401149parcourir

这是代码片段


  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样式

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn