DIV + CSS overflow: 不支持,怎么办.,在IE中一切正常,到火狐与Chrome 就 不起作用了.怎么办?

Posted 2023-03-21

overflow-x:hidden; 还有 overflow-y:scroll;
<STYLE type=text/css>
TABLE .banner
WIDTH: 140px; TEXT-ALIGN: center; PADDING-left: 5px;

BODY TABLE
WIDTH: 100%;overflow-x:hidden;BORDER-COLLAPSE: collapse; HEIGHT: 100%; border-spacing: 0

</STYLE>
<TABLE>
<TBODY>
<TR>
<TD > <div style="width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;word-break:break-all; font-size:14px;color:#333333; line-height:10px; padding-left:10px">
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
这里是聊天发送的内容<br><br>
</div>
</TD></TD></TR></TBODY></TABLE>

两个内容框,内容多时下拉条会跟着变100%, 放大窗口下拉条显示灰色,缩小到文字高度时,下拉条出现 ,IE对有效,火狐无效. 是不是不支持BODY TABLE ??? 浏览器放大缩小时,火狐根不就不变化,反而右侧又多了个下拉条

overflow-x:hidden; overflow-y:scroll;
以上两属性的用法是符合CSS3.0标准的，它在以下版本的浏览器中都是支持的：
(√)IE6 (√)Firefox 3.0 (√)Chrome 1.0.x (√)Opera 9.63 (√)Safari 3.1
(√)IE7 (√)Firefox 3.5 (√)Chrome 2.0.x (√)Safari 4
(√)IE8

因此问题可能不是出在这里。能把代码详细列出来么？追问

ID 对这个有效,但 火狐对这个CSS定义无效. 好像, BODY TABLE

追答

IE对Table的理解，与其他标准浏览器（火狐、Chrome等）是存在很大差异的，你既然用了DIV + CSS，为什么还要用Table呢？你把外层的那个整个去掉，那么在三种浏览器中的效果就相差不大了。
剩下的差别主要是由padding造成的，标准浏览器在解析padding时，会把它的长度添加到整体的width中去，比如padding-left:10px，那么width也会增加10px，所以尽量不要用padding，而是通过所包含的内层的margin来定边距。

追问

全变成DIV后, IE不行啊,IE就不随着变化了,能帮我看一下?球球有吗?

参考技术A 在显示内容的DIV上面添一个TABLE 并让其绝对定位,然后,在TABLE里, 然后在你的前面的DIV里, 添加你的要输出的内容即可.你可以试下.本回答被提问者采纳 参考技术B 　　您好！很高兴为您答疑！

　　在显示内容的DIV上面添一个TABLE 并让其绝对定位,然后,在TABLE里, 然后在你的前面的DIV里, 添加你的要输出的内容即可。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

css如何让子元素不受父级的父级的overflow:hidden影响

比如这样的代码
<div style="position:relative;width:60px;height:60px;overflow:hidden">
<div style="position:relative">
<div style="position:absolute;width:300px;height:300px;"><img src="http://img0.bdstatic.com/img/image/shouye/msjcckljcc.jpg" /></div>
</div>
</div>
我需要让这个图片的div只参照上一级的位置；但是上上级有个overflow:hidden，而且没法去除，导致图片没法显示完整。
求问，有什么办法可以让绝对定位的元素只参照最近的相对定位元素，不受其他父级的overflow影响

实现不了，最外侧div已经设置了overflow hidden；那吗里面不管放什么也不行了。
为什么第一层div要设置overflow呢，实现什么目的或者什么视觉效果？ 参考技术A 子元素样式后面加!important

overflow:visible !important;追问

没啥用

参考技术B 请问楼主解决了吗？ 参考技术C

例子有问题

不清楚具体的需求

不敢做出回答

参考技术D  <div style="width:60px;height:60px;overflow:hidden">
<div style="position:absolute;"><!-这里--!>
<div style="position:absolute;width:300px;height:300px;z_index:9000;"><img src="

</div> 
</div>

追问

不行，不能改成absolute，因为他和其他跟他同级的元素都是浮动的

追答

你里面是无缝滚动的，为什么不在提问中说明白呢？