Question

我的网页存在问题。

基本上，<html>上有overflow:hidden，两个水平导航栏，左边有一个固定的垂直侧边栏，剩下的中心是一个具有height: 90%属性的div。

修改：容器div具有overflow: auto属性。

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

如果我将原始height: 90%减小到较小的值，则问题已解决，但在我切换到高度降低的大屏幕后，内容区域未完全覆盖。

有没有办法通过CSS解决这个问题？如果没有，是否可以通过屏幕调整大小javascript事件？

Answer 1

在高度为div的

：90％put overflow：auto或overflow：scroll。那只会向该div添加一个滚动条。

Answer 2

最简单也可能是最快的方法是使用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);

当然，有很多方法可以优化这一点，但这就是主意。而且你必须注意小屏幕，但无论如何这都是一个问题。

最后，您需要在表格框中溢出：自动;

溢出和调整大小问题

2 个答案: