js如何计算并赋予DIV高度
网页布局中P是父级DIV高度是随浏览器和显示器自动变化的。A\B\C是子级的DIV(三个div是自上而下的排列)。问题是在A和B可以固定高度后如何让C的高度能自适应浏览器...
网页布局中P是父级DIV高度是随浏览器和显示器自动变化的。A\B\C是子级的DIV(三个div是自上而下的排列)。问题是在A和B可以固定高度后如何让C的高度能自适应浏览器和显示器的高度并在内容超出高度后出现滚动条
展开
展开全部
js里面提供了很多的方法,可以计算DIV的高度,以及也可以给DIV直接复制。
如下是代码的实现:
<body>
<div style="width:100px; height:100px; background:#ccc;" id="div"></div>
</body>
<script>
var oDiv = document.getElementById('div');
alert(oDiv.offsetHeight); //这个就是获取DIV的高度
oDiv.style.height = oDiv.offsetHeight + 100 + 'px'; //这个就是直接给DIV的高度赋值。
</script>
展开全部
最省事的办法是引入jQuery库,然后使用jQ的css方法。自己写js代码的话太麻烦而且还可能会出现兼容性问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
假设ABCP的ID分别为ABCP
C的高度为P减去A和B,设置一下C的高度即可
var c_height = $("#P").height() - $("#A").height() - $("#B").height();
$("#C").height(c_height);
C的高度为P减去A和B,设置一下C的高度即可
var c_height = $("#P").height() - $("#A").height() - $("#B").height();
$("#C").height(c_height);
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询