将DIV高度设置为等于另一个DIV

可以通过CSS的属性和JavaScript来实现。

1. 使用CSS属性： 可以使用CSS的属性来设置一个DIV的高度等于另一个DIV的高度。具体的做法是使用height属性和calc()函数来计算高度。

.div1 {
  height: calc(100% - 20px); /* 设置div1的高度为div2的高度减去20像素 */
}

.div2 {
  height: 200px; /* 设置div2的高度为200像素 */
}

在上述代码中，.div1的高度被设置为calc(100% - 20px)，表示div1的高度为div2的高度减去20像素。.div2的高度被设置为200像素。

1. 使用JavaScript： 如果需要动态地设置一个DIV的高度等于另一个DIV的高度，可以使用JavaScript来实现。具体的做法是获取两个DIV的高度，并将其中一个DIV的高度赋值给另一个DIV。

<div id="div1"></div>
<div id="div2"></div>

<script>
  var div1 = document.getElementById("div1");
  var div2 = document.getElementById("div2");
  
  div1.style.height = div2.offsetHeight + "px"; // 将div1的高度设置为div2的高度
</script>

在上述代码中，通过document.getElementById()方法获取了两个DIV的引用，然后使用offsetHeight属性获取div2的高度，并将其赋值给div1的style.height属性。

这样，无论是使用CSS属性还是JavaScript，都可以将一个DIV的高度设置为等于另一个DIV的高度。