html 左右2个div 等高

最新推荐文章于 2021-06-21 08:37:58 发布

转载最新推荐文章于 2021-06-21 08:37:58 发布 · 1k 阅读

HTML 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的简单方法，使页面上的两个不同元素（左侧和右侧）始终保持相同的高度，无论内容如何变化。这种方法适用于需要保持元素视觉上一致性的网页设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript" src="imgcssjs/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
//判断控制页面初始时左右的高度一致 
   var hl = $(".leftside").outerHeight(); //获取左侧left层的高度 
   var hr = $(".rightside").outerHeight(); //获取右侧right层的高度  
   var mh = Math.max(hl,hr); //比较hl与hr的高度，并将最大值赋给变量mh
   $(".leftside").height(mh); //将left层高度设为最大高度mh  
   $(".rightside").height(mh); //将right层高度设为最大高度
   </script>

这段代码放在页面的底部即可