高度使用百分之百

首先在页面头要声明

DTD 文档类型定义，这样便于大多数浏览器能够正确解析此页面，且以相同的方式。

 

推荐使用 XHTML Transitional ，能够向下兼容 HTML 4.0的标签，但是写法要遵循 XHTML 的规范。

 

达到百分之百有两种方法，

 

1.在外层定义一个 DIV 在 onload,onresize 事件当中根据当前浏览器的高度来动态调整此外围 DIV 的高度。

        window.onload = function() {
            adjustSize();
        }
   
        window.onresize = function() {
            adjustSize();
        }

 

        function adjustSize() {
           var divContainer = document.getElementById("divContainer");
           divContainer.style.height = (document.documentElement.clientHeight - 10) + "px";
        }

 

2.

    html,body,form
    {
     height:100%;
    }
   
    *
    {
        margin:0px;
        padding:0px;
    }

 貌视能实在但行为有些怪异，比如如果 form  只有一个 DIV ，且它的高度是 100%,没有边框，则当它里面的高度超出屏幕时也不会显示滚动条，但是如果有边框，或者还有其它的一个 Div ，则会显示出滚动条。