css实现两个div高度相等

CSS实现两个div高度相等，可以使用Flex布局或者Table布局来实现。

1. Flex布局：

.flex-container {
  display: flex;
}
.flex-item {
  flex: 1;
}

让两个div都放到一个具有flex属性的容器中，设置每个子项的flex值为1，即每个子项都会平占据容器中的空间，从而实现两个div高度相等。

2. Table布局：

.table-container {
  display: table;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
  vertical-align: top;
}

将两个div放到一个具有table属性的容器中，设置容器的display为table，两个div的父元素设置为table-row，而每个div的display都设置为table-cell，并且设置垂直对齐方式为顶部对齐，这样两个div就会自动平分父容器的高度，从而实现两个div高度相等。