jquery让两个DIV自适应高度

最后修订:
2019-03-24 16:42:04
前端设计

摘要:代码如下,对比两个DIV的高度哪个高度高就调整另一个DIV的高度对其一致。这个DIV的作用比如我现在用的模板边栏和右边内容 中间是一条边界线,边界线我只用了一边,另一边如果高度

代码如下,对比两个DIV的高度哪个高度高就调整另一个DIV的高度对其一致。这个DIV的作用比如我现在用的模板边栏和右边内容 中间是一条边界线,边界线我只用了一边,另一边如果高度不一致将会导致边界线有部分不显示。这时候下边代码就派上用场了。

<script type="text/javascript">
function $(id){
return document.getElementById(id)
}
function getHeight() {
if ($("blog-offcanvas").offsetHeight>=$("blog-right").offsetHeight){
$("blog-right").style.height=$("blog-offcanvas").offsetHeight + "px";
}
else{
$("blog-offcanvas").style.height=$("blog-right").offsetHeight + "px";
}
}
window.onload = function() {
getHeight();
}
</script>

本站所有内容来自网络收集整理和站长原创,未经作者授权,不得用作他用。

如对本站内容有所疑问,请点击右下角的“反馈建议”将您的问题提交给我。