如何使父高度与子高度相关，但当子高度增加时不增加父高度

要使父高度与子高度相关，但当子高度增加时不增加父高度，可以使用CSS中的绝对定位和相对定位来实现。

首先，将父元素设置为相对定位，可以使用CSS属性position: relative;。这样设置后，父元素将成为子元素的定位参考点。

然后，将子元素设置为绝对定位，可以使用CSS属性position: absolute;。接着，通过设置子元素的top、bottom、left、right属性来控制子元素在父元素中的位置。

为了使父高度与子高度相关，可以将子元素的高度设置为百分比，相对于父元素的高度进行计算。例如，可以使用CSS属性height: 50%;来将子元素的高度设置为父元素高度的50%。

这样，当子元素的高度增加时，父元素的高度不会随之增加，因为父元素的高度是由其他内容决定的，而不是由子元素的高度决定的。

以下是一个示例代码：

HTML代码：

<div class="parent">
  <div class="child"></div>
</div>

CSS代码：

.parent {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #ccc;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #f00;
}

在上述示例中，父元素的宽度和高度分别设置为200px，子元素的高度设置为父元素高度的50%。无论子元素的高度如何变化，父元素的高度都不会改变。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm