Имеется флекс-контейнер. И прекрасно отображается в браузерах, кроме IE 11. Там почему-то последний элемент он выносит на следующую строку. Как с этим справится? Пробовала задавать значения flex специально для IE с помощью символа "//", но никаких реакций.
CSS
.box {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
margin: 0 auto 3em;
}
.box__item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
-webkit-flex: 0 0 260px;
flex: 0 0 260px;
margin:inherit;
}
flex-wrap: wrap;
- зачем это писать, если переноса быть не должно?