Question

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

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 { ??? 浏览器放大缩小时,火狐根不就不变化,反而右侧又多了个下拉条

Answer 1

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就不随着变化了,能帮我看一下?球球有吗?

Answer 2

在显示内容的DIV上面添一个TABLE 并让其绝对定位,然后,在TABLE里, 然后在你的前面的DIV里, 添加你的要输出的内容即可.你可以试下.

Answer 3

　　您好！很高兴为您答疑！

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