Javascript 溢出和调整大小问题

我的网页有问题

基本上，我有

上的

，两个水平导航栏，一个固定的垂直边栏在左侧和剩余的中心，一个div具有

height:90%

属性

Edit:容器div具有

overflow:auto

属性

内容通过AJAX加载到容器区域中。内容主要由表格数据组成，重点是在内容过多时让容器区域滚动。在正常高度的普通显示器上，一切都很好，但当它被带到笔记本电脑上时，最后1-2行由于html溢出而变得“隐藏”

如果我将原来的

高度：90%

降低到一个较小的值，问题已经解决，但在我切换到高度降低的大屏幕后，内容区域没有完全覆盖

---

有没有办法通过CSS解决这个问题？如果没有，是否可以通过screen resize javascript事件？

在div中显示高度：90%放置溢出：自动或溢出：滚动。这将只向该div添加一个滚动条。

最简单、可能也是最快的方法是使用Javascript。 如果专门设置表格数据容器的高度，则可以更好地控制布局和常规项间距

设置高度时，必须考虑导航栏的高度，因此在jQuery中，代码如下所示：

function resizeMain()
{
    $('#tabularBox').height($(window).height() - $('#topBar').height() - $('#bottomBar').height());
}

// size it on load:
$(function(){
    resizeMain();
}

// and size it on resize
$(window).resize(resizeMain);

当然，有很多方法可以优化它，但这就是想法。你必须注意小屏幕，但无论如何这对%来说都是个问题

---

最后，您需要溢出：auto在我们的表格框中

您能在JSFIDLE或jsBin中重新创建问题，以便我们可以查看吗？显示您的代码，以便我们可以尝试修复它。我编辑了我的初始帖子，提到我在容器上使用了overflow:auto属性。我将尝试一下这个功能。谢谢你，善良的人。这解决了我的问题。愿神灵保佑你。：）