CSS 允许的最大高度（以像素为单位）

Question

我知道不同的浏览器可能有不同的上限值，但是对于给定浏览器中最大可渲染 CSS 高度/宽度的良好经验法则是什么？

例如这个技巧：

.parent{
    overflow: hidden;
}

.column{
    float: left;
}

.max-height{
    margin-bottom: -30000px;
    padding-bottom: 30000px;
}

.parent{
    overflow: hidden;
}

.column{
    float: left;
}

.max-height{
    margin-bottom: -30000px;
    padding-bottom: 30000px;
}

我知道这几乎是愚蠢的，但如果一个页面扩展到超过30000px，那么现在这个技巧就不起作用了。

我见过32768px在不同的地方使用过；这是因为较高的值不可靠，还是仅仅因为它是一个很好的平方数？

Answer 1

我很想看看 javascript 在屏幕对象可用高度中可以返回哪些值

    <script type="text/javascript">

     document.write("Available Height: " + screen.availHeight);
     document.write("Available Width: " + screen.availWidth);

    </script> 

使用 jquery，如果您将它们作为变量传递，则可以使用 .css 函数将主体高度和宽度设置为这些值，例如。

var screenHeight = screen.availHeight

当然，这假设客户端浏览器上启用了 javascript