フレックススペース間：ゴーストスペース

Question

フレックスボックスとクロムの問題は、今日から、このコードは最後の金曜日に働いていました。

私は私のリンクの下に「ゴースト・スペース」（余白のように見える）を持っています。いつも私がChrome Dev Toolsでチェックすると、計算されたマージンとパディングは常にゼロになります（期待どおり）。ここで（http://imgur.com/tQkO6Yl）

はcodepenです：http://codepen.io/AlexandreJolly/pen/ygqREb

HAML：

.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 

私は、FirefoxのDev版、ヴィヴァルディとFirefoxにこのコードをテストしてみましたそれは働いているようだ。 ChromeとOperaでは動作しません。

今週のChrome/Webkitアップデートで問題があると思いますが、何か不足していますか？

Answer 1

行の高さを削除します。2remを。 および ラインハイト：1.15; flex-flow:columnを使用して2つの要素を積層する際 は

Answer 2

「normalize.css」から私はその後、100％を解く私の場合には、いくつかの値に最大の高さを設定0に要素の高さのいずれかを設定するゴーストスペースと同様の問題がありました私のための問題。

起こることを意味している何