Css Flexbox在Safari中不起作用，在Web inspector中被删除

我正在使用

display:flexbox

作为包含多个正方形的div容器（使它们在水平方向上对齐），它在Chrome中工作良好，但在Safari 8.0中没有，在Safari 8.0中它被删除如下：

#grid {
    overflow-x: hidden;
    overflow-y: scroll;

    position: absolute;
    top: 55px;
    left: 415px;
    bottom: 10px;
    right: 10px;

    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.square {
    width: 166px;
    height: 185px;
    position: relative;
    cursor: pointer;
    background-size: 166px 125px !important;
    background-repeat: no-repeat !important;
    background: #FFF;
    margin-right: 20px;
    float: left;
}

---

您需要使用前缀，safari也支持前缀

#grid {
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 55px;
    left: 415px;
    bottom: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}

---

可能是您的样式被其他样式覆盖了？我尝试添加了！对他们来说很重要，没有运气。下面唯一的另一个是用户代理样式表。Safari支持我在看到你的网站之前感觉不对劲。它是–视频缩略图网格。使用前缀

display:-webkit flex猜测一年半后可以工作，现代Safari应该可以在没有前缀的情况下工作，但仍然存在一些问题。以下是更新信息的更新答案：