Safari中的Css列高度不正確

Question

此代碼在Chrome/Firefox中正常工作，但在Safari中，我的3列div下面的內容被壓低得比應該更多，就好像列內容在單列。

這可以在這裏看到：http://codepen.io/anon/pen/egxvqP

相關代碼：

.postIntro { 
    width: 100%; 
    display: inline-block; 
    margin-top: 18px; 
    column-count: 3; 
    column-gap: 30px; 
    column-fill: balance; 
} 

Answer 1

我目前的修復是利用JS來獲取DIV高度，然後更改邊距頂到但是如果有一些非-js的修正，我會很喜歡......我需要這個工作在一個頁面上，這個頁面在10個地方發生，代碼只有在一次才真正起作用。

看到這裏 http://codepen.io/anon/pen/OWdmXj

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 
    columnHeight = $('#columns').outerHeight(); 
    $("#contentAfter").css('margin-top', -columnHeight); 
} 

從內聯塊的修復它更改顯示程。