display布局实现一侧的盒子高度与另一侧盒子的高度等高

实现两边容器的高度等高主要是用 align-items: stretch 这个属性

stretch拉伸: 子元素没有高度或高度为auto，将占满整个容器的高度

我是测试页面
添加高度import { ref, computed } from "vue";const height = ref(100);const box1Height = computed(() => {return height.value + "px";})// 增加高度const addHeight = () => {height.value += 50;}.container {display: flex;align-items: stretch; // 拉伸: 子元素没有高度或高度为auto，将占满整个容器的高度.left-column {width: 400px;margin-right: 12px;background-color: cadetblue;}.right-colum {width: 200px;}.box1 {height: v-bind(box1Height);margin-bottom: 12px;background-color: palevioletred;}.box2 {height: 100px;background-color: peru;}}