如何让div+css自适应浏览器大小？

如何让div+css自适应浏览器大小？<div id="header"></div><div id="content">
<div id="left"></div>
<div id="right"></div>
</div><div id="footer"></div>

解决方案 »

  1.   

    var wd=document.body.scrollWidth;
    var he=document.body.scrollHeight;
    通过自动获取整个网页的大小，然后自己分配。
      

  2.   


    var width = document.body.clientWidth;
    var height = document.body.clientHeight;
      

  3.   

    你这个用TABLE 100%应该可以可变的，不可变的格子设置好
      

  4.   


    <BODY style='margin:0;padding:0;'> 
    <TABLE border=1 style='width:100%;height:100%;margin:0;padding:0;'>
    <TR><TD style='height:100px;' colspan=2>Header
    <TR>
    <TD style='width:300px;'>left
    <TD>content
    </TABLE>
    </BODY>Header是固定高度，left是固定宽度
    FF IE8测试OK
    不用写方法判断 resize scroll
      

  5.   

    div+css自适应浏览器大小 也应该是类似的吧结构定好，哪个是100%，哪个？%
      

  6.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function show() {
    document.all.images.style.height = document.body.offsetHeight + "px";
    document.all.images.style.width= document.body.offsetWidth + "px";
    } window.onresize = show;
    //-->
    </SCRIPT>
    </HEAD><BODY onload="show()">
    <img src="" id="images">
    </BODY>
    </HTML>
      

  7.   

    老是喜欢搞个图片，能不能搞DIV啊