鉻滾動條行爲不同的Mac上與Windows

Question

工作在網格佈局，我遇到了與Windows/Mac不同的css滾動條的障礙。

通知滾動條是在右邊，遠離實際行。現在在Windows上，我看到

爲什麼是它的窗戶推的div行到下一行？解決這個問題的最好方法是什麼？

在HTML一般格式爲：

<div class="diamond-stat-body"> 
    <div class="diamond-row"> 
     <div class="diamond-block diamond-stat-block"> 
     </div> 
     <div class="diamond-block diamond-stat-block"> 
     </div> 
     ... 
    </div> 
    .... 
</div> 

和相應的CSS ...

.diamond-stat-block{ 
    width: 125px; 
    height: 2.5em; 
    padding: .5em; 
} 

.diamond-block{ 
    border: .1em solid white; 
    border-radius: 2px; 
    background-color: #ddd; 
    padding: 1em; 
    display: inline-block; 
    float: left; 
} 

.diamond-row{ 
    height: 2.5em; 
} 

.diamond-body{ 
    width: 480px; 
    height: 30%; 
    overflow-y: scroll; 
    margin: 0em auto; 
} 

Answer 1

你爲什麼不使用真正的<table>？

如果你不想這樣做，那麼使用display: table;和display: table-cell;怎麼辦？

我還沒有測試過，所以我不知道這是否能解決您的問題。