如何使div的高度响应？

要使div的高度响应，可以通过以下几种方式实现：

1. 使用CSS中的Flexbox布局：将父容器设置为display: flex，并使用flex属性来控制子元素的高度，使其自动适应父容器的高度变化。

.parent-container {
  display: flex;
}

.child-element {
  flex: 1;
}

1. 使用CSS中的Grid布局：将父容器设置为display: grid，并使用grid-template-rows属性来定义子元素的行高，可以使用fr单位来实现自适应高度。

.parent-container {
  display: grid;
  grid-template-rows: 1fr;
}

1. 使用CSS中的Viewport单位：使用vh单位来设置div的高度，vh表示视口高度的百分比，当视口高度变化时，div的高度也会相应变化。

.div-element {
  height: 50vh;
}

1. 使用JavaScript动态计算高度：可以通过监听窗口的resize事件，然后使用JavaScript来获取窗口的高度并设置给div元素。

window.addEventListener('resize', function() {
  var windowHeight = window.innerHeight;
  document.querySelector('.div-element').style.height = windowHeight + 'px';
});

以上是使div的高度响应的几种方法，可以根据实际情况选择适合的方式来实现。对于腾讯云相关产品的介绍和推荐链接，由于要求不提及具体品牌商，这里就不提供了。