FIREFOX浏览器下DIV如何设置滚动条

最新推荐文章于 2024-07-10 17:06:01 发布

鸣虫

最新推荐文章于 2024-07-10 17:06:01 发布

阅读量6k

点赞数 1

文章标签： css firefox overflow

本文链接：https://blog.csdn.net/qq_30174719/article/details/52690657

版权

今天遇到个小问题，DIV里面嵌套表格，表格内容如果过宽就会出现滚动条。DIV设置overflow-x:auto的情况下，CHROME浏览器很正常，在FIREFOX下却无效。百度了很久，都是FIREFOX不兼容overflow-x的属性的说法。有点奇怪，这个属性都不兼容。研究了一小会，发现将overflow设置为scroll,FIREFOX下的DIV居然有滚动条了，小激动一把！代码如下，供大家参考。

div { width:100%;height:450px;overflow:scroll; }

table {

width:2000px; /*设置你所需的宽度*/

word-break:keep-all;/*表格中的中文不换行*/

white-space:wrap; /*表格中的英文不换行*/

}