1

我已经想了差不多一天了。但我在我的问题中找不到任何解决方案。

有没有办法用滚动条设置自动高度 div，因为到目前为止我使用的是固定高度，但我看到的问题是，当我在另一台笔记本电脑或具有更大或更小屏幕分辨率的 PC 中打开它时，它仍然在修复中高度。

这是我的 div：

<div style="overflow:auto; width:1050px; height:760px;">

这是我的链接，所以你可以看到程序

我想要的只是高度将根据屏幕分辨率自动调整..

4

2 回答 2

2

您可以使用脚本来获取计算的窗口高度并将其设置为等于目标元素高度。在这种情况下，函数在加载和调整大小时执行。每个具有类的元素autoheight将被赋予一个等于窗口高度的高度：

这里的例子

var setElementHeight = function () {
    var height = $(window).height();
    $('.autoheight').css('min-height', (height));
};

$(window).on("resize", function () {
    setElementHeight();
}).resize();

上述方法很好，因为除了添加类之外不需要任何更改；但是，如果你想避免使用 jQuery，你可以这样做：

这里的例子

html, body {
    height:100%;
    width:100%;
}
.autoheight {
    height:100%;
}
于 2013-09-01T15:34:28.497 回答
0

您可以尝试使用固定位置：

<div style="position:fixed; overflow:auto; width:100%; height:100%;">
于 2013-09-01T15:15:31.030 回答