最简单的实现方式：仅提供一个思路。可以自己完善。
<body>
<input type="button" id="btn" value="变大" />
<div style="width:100px; height:100px; border:1px solid #ccc; float:left;" id="div1"></div>
<div id="div2"></div>
</body>
<script>
var oBtn = documentgetElementById('btn');
var oDiv1 = documentgetElementById('div1');
var oDiv2 = documentgetElementById('div2');
oDiv2stylecssText = 'width:'+(oDiv1offsetWidth-2)+'px; height:'+(oDiv1offsetHeight-2)+'px;border:1px solid red; float:left; margin-left:10px;';
oBtnonclick = function(){
oDiv1stylewidth = oDiv1offsetWidth + 10 + 'px';
oDiv1styleheight = oDiv1offsetHeight + 10 + 'px';
oDiv2stylecssText = 'width:'+(oDiv1offsetWidth-2)+'px; height:'+(oDiv1offsetHeight-2)+'px;border:1px solid red; float:left; margin-left:10px;';
};
</script>
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。
2、在indexhtml中的<script>标签，输入jquery代码：
$('body')append('height: ' + $(document)height() + '<br/>');
$('body')append('width: ' + $(document)width());
3、浏览器运行indexhtml页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。
以上就是关于如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化全部的内容，包括:如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化、JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）