CSS Safari Bug？

Question

在这个网站上：

http://dev.identworx.de/iacs/partners/

这些盒子的序列不一样。我有这个问题仅限Safari 。

在其他浏览器中，它看起来很完美。

我该怎么办？

谢谢，B。

Answer 1

删除 .widget + .widget 类并添加2个类。小部件：nth-​​child（2n）和 .widget：last-child 还可以更改 .widget 类样式。

它适用于所有主流浏览器，因此您可以查看它。

/*REMOVE THIS CLASS*/ 
.widget + .widget {
    margin-top: 20px;
}

/*ADD THIS CLASS*/ 
.widget:nth-child(2n) {
    margin-right: 0;
}

/*CHANGE THIS CLASS*/
.widget {
    border-top: 2px solid #6277B3 !important;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}

/*ADD THIS CLASS*/ 
.widget:last-child {
     margin-bottom: 80px;
}