html - 防止 Safari 在具有最大高度和隐藏溢出的容器中折叠子 div

Question

我正在尝试创建一个最大高度的 div，其中嵌套了许多卡片，它在 Chrome 上运行良好，看起来像这样：

但是，在 safari 上，所有子 div 都被折叠以适应最大高度，而我真正想要的是它们的正常大小并被父 div 的“溢出：隐藏”属性隐藏：

这是我的风格，它是用 Sass 编写的：

&_card {
  z-index: 2;
  display: flex;
  overflow: hidden;
  max-height: to-em(407);
  &_cards {
    height: inherit;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

标签： htmlcsssasssafari

Answer 1

我可以通过在下面写下这一行来解决这个问题&_cards：

height: fit-content;