关于div自适应高度/左右高度自适应一致的js代码

实现div自适应高度/左右高度自适应一致的js代码，可以使用常用的flex布局或者利用js动态计算高度并设置。

Flex布局方法

1. 在父元素上设置display:flex;
2. 在子元素上设置flex:1;

这样就可以实现子元素自适应高度，且左右两端高度一致。

示例代码：

<div class="container">
  <div class="left">左侧内容</div>
  <div class="right">右侧内容</div>
</div>
<style>
.container {
  display: flex;
  height: 100%;
}
.left, .right {
  flex: 1;
}
</style>

JS动态计算方法

1. 获取需要设置高度的元素
2. 计算高度，方法有多种，常用的有offsetHeight、scrollHeight、clientHeight
3. 设置高度

示例代码：

<div class="container">
  <div class="left">左侧内容</div>
  <div class="right">右侧内容</div>
</div>
<script>
let container = document.querySelector('.container')
let left = document.querySelector('.left')
let right = document.querySelector('.right')
let maxHeight = Math.max(left.offsetHeight, right.offsetHeight)
container.style.height = `${maxHeight}px`
</script>

以上就是实现div自适应高度/左右高度自适应一致的js代码的攻略，希望能对您有所帮助。