左右两个div，左边的div高度取决于右边的div，且左边的div比右边的div高

可以通过使用CSS中的flexbox布局来实现这个需求。

首先，将左右两个div包裹在一个父级元素中，并且设置父级元素为flex布局：

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

.container {
  display: flex;
}

接着，我们可以给左边的div设置flex-grow属性，让它自动填充剩余的空间，从而实现高度比右边的div高的效果：

.left {
  flex-grow: 1;
}

最后，我们可以使用JavaScript来动态计算右边div的高度，并将其应用到左边的div上：

const rightDiv = document.querySelector('.right');
const leftDiv = document.querySelector('.left');

leftDiv.style.height = `${rightDiv.offsetHeight}px`;

这样，左边的div就会根据右边的div的高度而自动调整高度，并且比右边的div高。