Javascript CSS使用溢出时，间隙仍然存在

我已经创建了一个HTML表，当我使用overflow来确保它不超过某个高度时，下面的div被放置在这样一种方式中，即文本仍然可以容纳

我需要将div直接放在滚动表的下面

我正在使用

overflow:hidden

但是我仍然可以选择文本，但是我看不到它

$（'document'）.ready（函数（）{
var$table=$（“#ingseededtable”），
$bodyCells=$table.find（'tbody tr:first'）.children（），
冷宽；
$（窗口）。调整大小（函数（）{
colWidth=$bodyCells.map（函数（）{
返回$（this.width（）；
}).get（）；
$table.find（'thead tr'）.children（）。每个（函数（i，v）{
$（v）.width（colWidth[i]+1）；
});    
}).resize（）；
var loop=setInterval（函数（）{
$（“#ingsNeedtedTable tbody”）。动画（{scrollTop:$（“#ingsNeedtedTable tbody”）。道具（“scrollHeight”）}，100000，“线性”）；
$（“#ingneedtable tbody”）。动画（{scrollTop:0}，100000，“线性”）；
}, 1);
});
#需要的表格持有人{
身高：45%；
}
#需要的标题，#最近的标题{
文本对齐：居中；
}
#必要的{
边界塌陷：塌陷；
宽度：100%；
}
#INGSENDEDTABLE th、#INGSENDEDTABLE td{
边框底部：1px纯黑；
}
#所需的数据{
显示：块；
宽度：100%；
}
#需要的可更换车身{
显示：块；
身高：40%；
溢出y：隐藏；
宽度：100%；
}
.IngNeedTable、.IngNeedTable产品{
宽度：40%；
}
.IngNeedTable需要{
宽度：10%
}
#IngNeedTable tr:n个子项（偶数）{
背景色：#eaf2f1
}

成分
所需重量（千克）
产品
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
这应该在滚动表下面
将最大高度设置为
#所需的支架

#ingsNeededTableHolder {
    height: 45%;
    max-height: 150px;
    overflow: hidden;
}


$（'document'）.ready（函数（）{
var$table=$（“#ingseededtable”），
$bodyCells=$table.find（'tbody tr:first'）.children（），
冷宽；
$（窗口）。调整大小（函数（）{
colWidth=$bodyCells.map（函数（）{
返回$（this.width（）；
}).get（）；
$table.find（'thead tr'）.children（）。每个（函数（i，v）{
$（v）.width（colWidth[i]+1）；
});    
}).resize（）；
var loop=setInterval（函数（）{
$（“#ingsNeedtedTable tbody”）。动画（{scrollTop:$（“#ingsNeedtedTable tbody”）。道具（“scrollHeight”）}，100000，“线性”）；
$（“#ingneedtable tbody”）。动画（{scrollTop:0}，100000，“线性”）；
}, 1);
});
#需要的表格持有人{
身高：45%；
最大高度：150像素；
溢出：隐藏；
}
#需要的标题，#最近的标题{
文本对齐：居中；
}
#必要的{
边界塌陷：塌陷；
宽度：100%；
}
#INGSENDEDTABLE th、#INGSENDEDTABLE td{
边框底部：1px纯黑；
}
#所需的数据{
显示：块；
宽度：100%；
}
#需要的可更换车身{
显示：块；
身高：40%；
溢出y：隐藏；
宽度：100%；
}
.IngNeedTable、.IngNeedTable产品{
宽度：40%；
}
.IngNeedTable需要{
宽度：10%
}
#IngNeedTable tr:n个子项（偶数）{
背景色：#eaf2f1
}

成分
所需重量（千克）
产品
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
福
这应该在滚动表下面
将最大高度设置为
#所需的支架

#ingsNeededTableHolder {
    height: 45%;
    max-height: 150px;
    overflow: hidden;
}


$（'document'）.ready（函数（）{
var$table=$（“#ingseededtable”），
$bodyCells=$table.find（'tbody tr:first'）.children（），
冷宽；
$（窗口）。调整大小（函数（）{
colWidth=$bodyCells.map（函数（）{
返回$（this.width（）；
}).get（）；
$table.find（'thead tr'）.children（）。每个（函数（i，v）{
$（v）.width（colWidth[i]+1）；
});    
}).resize（）；
var loop=setInterval（函数（）{
$（“#ingsNeedtedTable tbody”）。动画（{scrollTop:$（“#ingsNeedtedTable tbody”）。道具（“scrollHeight”）}，100000，“线性”）；
$（“#ingneedtable tbody”）。动画（{scrollTop:0}，100000，“线性”）；
}, 1);
});
#需要的表格持有人{
身高：45%；
最大高度：150像素；
溢出：隐藏；
}
#需要的标题，#最近的标题{
文本对齐：居中；
}
#必要的{
边界塌陷：塌陷；
宽度：100%；
}
#INGSENDEDTABLE th、#INGSENDEDTABLE td{
边框底部：1px纯黑；
}
#所需的数据{
显示：块；
宽度：100%；
}
#需要的可更换车身{
显示：块；
身高：40%；
溢出y：隐藏；
宽度：100%；
}
.IngNeedTable、.IngNeedTable产品{
宽度：40%；
}
.IngNeedTable需要{
宽度：10%
}
#IngNeedTable tr:n个子项（偶数）