纯css实现左右div等高

想要实现左右div等高，可以使用CSS的Flexbox布局或者Grid布局来实现。以下是2种方法的示例：

使用Flexbox布局：

<div class="container">
	<div class="left">左边内容</div>
	<div class="right">右边内容<br>右边内容</div>
</div>
<style>
.container {
	display: flex;
}
.left {
	background-color: red;
}
.right {
	background-color: Blue;
}
</style>

在上述示例中，通过将容器设置为Flexbox布局，并将左右两个子元素的flex属性设置为1，可以使它们平均分配容器的宽度，从而实现高度相等。

使用Grid布局：

<div class="container">
	<div class="left">左边内容</div>
	<div class="right">右边内容<br>右边内容</div>
</div>
<style>
.container {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.left, .right {
	height: 100%;
}
.left {
	background-color: red;
}
.right {
	background-color: Blue;
}
</style>

以上两种方法都可以实现左右两边的div高度相等，具体选择哪种方法取决于项目需求，本站主题使用的Flexbox布局！