javascript - 内容区域 div 上的表格溢出，当浏览器最小化时

Question

看这个FIDDLE用于代码。

当浏览器最小化时，表格会溢出到div 之外。 还注意到我导入的 tableutils.js 有这段代码，

    fixHeaderOptions : {
     width : 600; //i commented out this so table width is not set but still table overflow. 
    }

我希望输出只有当浏览器最小化并且在浏览器最大化时不会溢出到 #content div 区域(具有灰色背景颜色的 div)时才在表格区域上有一个滚动条;我不想在 #content div 上显示任何滚动条。

非常感谢你们的帮助。

Answer 1

添加溢出:自动；在你的 CSS 文件中

   #mainContainer
   {
     min-width: 740px;
     padding: 0;
     margin: 0;
     overflow: auto; // add this
   }

如果你想有一个固定的滚动条然后改变“overflow:auto”

overflow:scroll;