如何让父容器内的三个div高度动态改变，但总高度始终保持一致。

可以通过CSS中的flex布局实现。设置父容器的display属性为flex，并设置flex-wrap属性为wrap，让子元素自动换行，然后给子元素设置flex-grow属性为1，让它们平分剩余空间，这样就能实现三个div高度动态改变，且总高度保持一致的效果。具体代码示例如下：

HTML代码：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS代码：

.container {
  display: flex;
  flex-wrap: wrap;
  height: 300px;
}

.item {
  flex-grow: 1;
  height: auto;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
}

其中，父容器的高度为300px，可以根据实际需要进行调整。每个子元素的高度设置为auto，这样它们就能根据内容自动调整高度。背景颜色和边框都只是为了展示效果，可以根据实际需求进行调整。