.flexbox {
flex: 1 1 100%;
}
.flexbox .wide {
flex: 2 1 auto;
}
Потому как иногда у меня .flexbox div.wide выпихивает остальные элементы из блока контейнера...
Правильно. У вас же flex-grow: 2.
Это значит, что он и должен их выпихивать, т.к. сам по себе в 2 раза больше остальных.
А вообще, флексы подразумевают под собой заполнение всего свободного пространства ЧЕМ-ТО.
Если вы просто хотите сделать отступ, то вам не флексы нужны.
