底部div与固定动态div重叠

Question

我知道这听起来像是一个熟悉的问题，但我无法解决。我有两个div一个是固定的而另一个不是。问题是固定div的height未知，因为它在运行时填充。因此，我无法在第二个top的{​​{1}}属性中提供任何值。我查看了很多示例，但在大多数示例中，div已修复，而不是我的情况。

这是我的代码：

height

正如您在图片中看到的那样，该表与固定的 <div> <div style='position:fixed;width:100%;z-index: 10000; top: 0; '> <div id="main"></div> </div> <div id='jsGrid' style='z-index: 10030;top:130px'></div> </div> 重叠。

这是Jsfiddle的链接 https://jsfiddle.net/maqsoodgul/s1hjy147/