Jak zrobić div ustalony przy użyciu justify-content space pomiędzy - css, sass

Próbuję dodać dwa elementy div (kontener po lewej stronie),right-item-container) na górze mojej strony i naprawia kontener po lewej stronie. Chcę, aby lewy element został naprawiony podczas przewijania strony. Właściwy element powinien być przewijany i może być ukryty.

Chciałbym również mieć przestrzeń między divami.

.mydiv{
display:flex
justify-content: space-between;

.left-item-container{
position: fixed;
}
.right-item-container{
}
}

Kiedy wykluczyłem pozycję, naprawiłem przestrzeń między robotami w porządku - jednak tracę ustaloną pozycję.

Potrzebuję pomocy, aby naprawić lewy przedmiot, a także mieć miejsce pomiędzy, gdy oba elementy div są widoczne.

Odpowiedzi:

Udało mi się go uruchomić, nadając kontenerowi określoną wysokość, a także stosując uzasadnioną zawartość flex-start w lewym kontenerze, ponieważ jest to miejsce, w którym chcemy go naprawić.

.mydiv{
display:flex;
justify-content: space-between;

.left-item-container{
border: 10px solid red;
justify-content:flex-start;
position:fixed;
height:30px;
}
.right-item-container{
border:10px solid blue;
height:20px;
}
}

Sprawdź to jsfiddle