div大小变化问题 - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → div大小变化问题

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1011 人关注过本帖

标题：div大小变化问题

只看楼主加入收藏

yaopeng0418

等　级：新手上路
帖　子：79
专家分：0
注　册：2008-12-28
结帖率：70.83%

楼主

问题点数：0 回复次数：3

div大小变化问题

搜索更多相关主题的帖子: div　

2010-08-25 10:01

foktime

来　自：奥斯维辛
等　级：贵宾
威　望：35
帖　子：795
专家分：2742
注　册：2009-9-4

第 2 楼

得分:0

程序代码：

<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>

有反应

2010-08-25 10:23