注册 登录
编程论坛 JavaScript论坛

div大小变化问题

yaopeng0418 发布于 2010-08-25 10:01, 1027 次点击
<script type="text/javascript">
        var width=document.body.clientWidth;
        var height=document.body.clientHeight;
        //alert(width);
        document.getElementById("data").style.width=width-260+"px";
         document.getElementById("data").style.height=height-140+"px";
        
        document.getElementById("content").style.width=width-260+"px";
        
var mydiv=document.getElementById("data");
var mydiv_resize=function(){
    mydiv.style.width=document.body.clientWidth-260+"px";
    mydiv.style.height=document.body.clientHeight-140+"px";
}
mydiv_resize();
window.onresize=mydiv_resize;
</script>可是窗口变化时div没有变化,请教
3 回复
#2
foktime2010-08-25 10:23
程序代码:
<body>
<div id="data" style=" border:red 2px solid;">dsafksadk</div>
<p></p>
<div id="content" style=" border:red 2px solid;">xxxxxxxxxxx</div>
</body>

</html>
<script type="text/javascript">
    var width = document.body.clientWidth;
    var height = document.body.clientHeight;
    document.getElementById("data").style.width = width - 260 + "px";
    document.getElementById("data").style.height = height - 140 + "px";

    document.getElementById("content").style.width = width - 260 + "px";

    var mydiv = document.getElementById("data");
    var mydiv_resize = function() {
        mydiv.style.width = document.body.clientWidth - 260 + "px";
        mydiv.style.height = document.body.clientHeight - 140 + "px";
    }
    mydiv_resize();
    window.onresize = mydiv_resize;
</script>

 
有反应
#3
gameohyes2010-08-25 22:12
IE浏览器有反应
#4
foktime2010-08-26 14:22
以下是引用gameohyes在2010-8-25 22:12:09的发言:

IE浏览器有反应
FF同样有反应
1