垂直对齐div到未知高度div而不影响水平居中

<div class="container">
  <div class="unknown-height"></div>
  <div class="centered-div">内容</div>
</div>

<style>
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.unknown-height {
  /* 设置未知高度的div样式 */
}

.centered-div {
  /* 设置水平居中的div样式 */
}
</style>

<div class="container">
  <div class="unknown-height"></div>
  <div class="centered-div">内容</div>
</div>

<style>
.container {
  position: relative;
}

.unknown-height {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 设置未知高度的div样式 */
}

.centered-div {
  position: relative;
  /* 设置水平居中的div样式 */
}
</style>