CSS水平族树中的重叠卡

提问者：小点点

我正在使用下面的代码笔演示我的一个角项目。

[CodePen Home CSS Horizontal Family Tree][1]

链接:https://codepen.io/kachibito/pen/gzoxvj

然而，当任何卡片的内容增加时，这些卡片开始相互重叠:

我尝试了不同的方法来修复这个重叠的问题。我找不到任何解决办法！请帮帮忙

共1个答案

匿名用户

应在该内容的类中使用height和overflow属性。例如:

height: 30px;
overflow-y: scroll;

通过这样做，它不会扩大和重叠与其他，相反，它将在一个块。当内容增加时，会有一个简单的滚动条。如果你有什么不清楚的地方，请告诉我。