网页的高度自动适应 - 陈希章

网页的高度自动适应

在做网页的时候，我们都知道，宽度一般除了设置为固定的像素值（例如100px)外，还可以设置为一个百分比（例如90%）。但同样的需求，对于高度则没那么容易，如果你尝试设置为百分比，你会遗憾的发现没有效果

在做网页的时候，我们都知道，宽度一般除了设置为固定的像素值（例如100px)外，还可以设置为一个百分比（例如90%）。但同样的需求，对于高度则没那么容易，如果你尝试设置为百分比，你会遗憾的发现没有效果。

但是可以通过下面的脚本完成这个任务

<script language="javascript" type="text/javascript">

        window.onload = function() { resize(); }
        function resize() {
            var h = document.body.scrollHeight-200; //弹窗高度将根据页面内容高度自动调整
            row2.height = h;//假设页面上有一个表格来定位
        }
    </script>