html - 修复没有最小高度的溢出

Question

我在 here 部分尝试了一切来修复文本溢出问题.但我不想使用 min-height 修复它，因为我不知道最终的高度是多少。任何指导将不胜感激!

Answer 1

添加显示:flex；和 flex 方向:列； .home-hiw 类的属性。

  .home-hiw {
    background: #E9E8E8;
    width: 100%;
    min-height: 600px;
    padding: 15px 0;
    margin-bottom: 15px;
    display: flex;           /*change dispay block to display flex */
    flex-direction:column;   /*add flex direction */
    position: relative;
    overflow: hidden;
}

我希望这是你所期待的: