2

我的网页有问题。

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

编辑：容器 div 具有overflow: auto属性。

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

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

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

4

2 回答 2

0

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

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

最后，你需要溢出：自动；在我们的表格框中

于 2012-11-01T12:52:35.403 回答
0

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

于 2012-11-01T12:47:30.870 回答