Flexbox 在 Safari 中添加 1px 左边距

我在 Safari 向 Flexbox 行中第一个元素的左侧添加 1px 边距/间隙时遇到问题。我在下面附上了该问题的图片：

弹性框 CSS 是：

.equal-height {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-direction: row;
        flex-wrap: wrap;
    }

子元素设置如下：

.child-div {
    float: left;
    display: block;
    width: 33.3333%;
    box-sizing: border-box;
}

但我注意到它们是在没有浮动的情况下计算的

文件：样式.css； 线路：1028

.row:before, .row:after{
  content: " ";
  display: table;
}

add:

width: 100%

现在“边际”已经解决了。

您使用的网格系统与 safari 有问题：更改它。

希望我对你有帮助。