Html 弹性空间之间：重影空间

我对flexbox和chrome有一个奇怪的问题，从今天开始，这个代码在上周五就开始工作了

我有一个“鬼空间”（看起来像一个空白）在我的链接下。当我在Chrome开发工具中检查它时，它们的计算边距和填充始终为零（正如预期的那样）。（）

这是一个密码笔：

哈默：

Sass：

我已经在Firefox开发版、Vivaldi和Firefox中测试了这段代码，它似乎可以工作。它在Chrome和Opera中不起作用

我认为这是本周末Chrome/webkit更新的问题，还是我遗漏了什么？

删除 线高：2rem； 和 线高：1.15； 从“normalize.css”中删除 线高：2rem； 和 线高：1.15；

---

从“normalize.css”

开始，当使用

flex-flow:column

堆叠两个元素，然后将其中一个元素的高度设置为0时，我遇到了类似的重影空间问题。在我的情况下，将最大高度设置为某个值100%解决了我的问题

当使用

flex-flow:column

堆叠两个元素，然后将其中一个元素的高度设置为0时，我遇到了类似的重影空间问题。在我的情况下，将最大高度设置为某个值100%解决了我的问题

这意味着什么？如果红色与底部齐平（减去填充物）@Pete是的。这是注定要发生的事情：对我有效，看起来像你的imate，macHow的chrome这个：@Pete它有效！谢谢这意味着什么？如果红色与底部齐平（减去填充物）@Pete是的。这是注定要发生的事情：对我有效，看起来像你的imate，macHow的chrome这个：@Pete它有效！谢谢

.card
    .card-top
        %h3 Test
        %p Lorem
    .card-bottom
        %a{:href => "#"} Link

.card
    background: white
    width: 100%
    height: auto
    min-height: 192px
    display: flex
    flex-direction: column
    justify-content: space-between

.card-top
    background-color: green

.card-bottom
    background-color: red