bounty将在4天后过期。回答此问题可获得+50的声望奖励。Spencer Cornwall希望吸引更多人关注此问题：我很想找到一种方法来正确显示这些内容，其中卡片页脚包含在卡片内部，第1列垂直滚动。我还想知道为什么flexbox（或bootstrap）首先这样做，这样我就可以避免将来出现类似的错误。
我把下面这支笔放在一起来说明我的问题：https://codepen.io/ganakim/pen/jOKmByM
由于某种原因，即使第1列有overflow-y: auto，它也不会滚动，而是强制页脚超出卡片的最大高度。如何修复此问题？
2条答案
按热度按时间t2a7ltrp1#
很多次我遇到了同样的问题，但我知道解决这个非常早期的弹性阶段。
只需将
overflow: hidden或min-height: 0添加到滚动发生的父元素中。当您希望将溢出添加到子元素中以保持滚动高度动态时，此操作始终有效。我希望这能帮上忙。
第一个
hrirmatl2#
仅引导解决方案（无CSS）
正如@Dakshank建议的那样，应该将
overflow: hidden添加到父元素中（即card-body）。但是...
如果你正在使用Bootstrap，那么使用Bootstrap类来实现你的目标被认为是一个很好的实践。如果你可以用Bootstrap类来实现同样的目标，为什么还要写CSS呢？
请参阅下面的片段。
第一个