父元素高度以其中某一个元素的高度为准，其他子元素高度超出隐藏css

在CSS中，如果你想要让父元素的高度以其中最高的子元素为准，同时隐藏超出这个高度的其他子元素，你可以使用CSS的Flexbox布局模式来实现这一效果。Flexbox允许子元素在水平或垂直方向上灵活地排列，并且可以通过设置`align-items`和`justify-content`属性来控制对齐方式。

以下是一个简单的例子：

假设你有一个父容器`container`和多个子元素`child`。你希望父容器的高度与最高的子元素相同，而其他超出这个高度的子元素应该被隐藏。

.container {
  display: flex;
  flex-direction: column;
  align-items: stretch; /* 使子元素的高度适应父容器 */
}

.child {
  /* 样式代码 */
}

.child多余 {
  display: none; /* 隐藏超出高度的子元素 */
}

在HTML中：

<div class="container">
  <div class="child">第一个子元素的内容</div>
  <div class="child">第二个子元素的内容，可能会超过父容器的高度</div>
  <div class="child 多余">这个子元素的高度超出了父容器的高度，会被隐藏</div>
</div>

为了实现隐藏超出高度的子元素，你需要结合JavaScript或jQuery来动态地给超出高度的子元素添加额外的类（比如这里的`多余`类），然后通过CSS来隐藏它们。

请注意，上述方法中的“隐藏”是通过设置`display: none;`来实现的，这意味着被隐藏的元素将不占用任何布局空间。如果你不希望影响布局空间，也可以考虑使用`visibility: hidden;`，但这样隐藏的元素仍然会占据空间。