Flexbox funktioniert nicht in Safari, im Webinspektor durchgestrichen
Ich benutzedisplay: flexbox
für einen Div-Container, der mehrere Quadrate enthält (damit sie horizontal ausgerichtet sind) und in Chrome gut funktioniert, nicht jedoch in Safari 8.0, wo es wie folgt durchgestrichen ist:
#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;
}