如何隐藏在容器内的div的短部分，但显示另一个溢出部分

要隐藏容器内的div的短部分，同时显示另一个溢出部分，可以使用CSS的overflow属性和height属性来实现。

首先，将容器的高度设置为固定值或最大高度，这样可以限制容器的高度。然后，将overflow属性设置为"hidden"，这样超出容器高度的内容将被隐藏起来。

接下来，创建一个包含溢出内容的子div，并将其高度设置为超过容器高度。这样，子div中的内容就会溢出容器。

以下是一个示例代码：

<style>
  .container {
    height: 200px; /* 设置容器的高度 */
    overflow: hidden; /* 隐藏溢出部分 */
  }

  .overflow-content {
    height: 300px; /* 设置溢出内容的高度 */
  }
</style>

<div class="container">
  <div class="overflow-content">
    <!-- 这里是溢出内容 -->
  </div>
</div>

在这个示例中，容器的高度被设置为200px，而溢出内容的高度被设置为300px。由于容器的overflow属性被设置为"hidden"，所以溢出内容超过容器高度的部分将被隐藏起来。

这种方法适用于需要在有限空间内显示大量内容的情况，例如新闻列表、评论区等。如果用户想要查看隐藏的内容，可以通过滚动容器来查看。