Почему header при 100% ширине улетает за границы экрана?

Question

[ychenik10b]

Здравствуйте, задал header позицию fix. Внутренние элементы решил расположить flex space-between.
Но, второй элемент пропадает, улетая за рамки экрана. Решается это фиксированной шириной. Например 1000px.
Правильно ли я понимаю, что это из за бокового бара? Который у меня размером 260px
Как сделать так, что бы не задавать конкретную ширину и header был на всю ширину просмотра?

Первое фото с фиксированной шириной.
Второй фото со 100%.

Answer 1

[Виталий Першин]

Вообще не понятно какая у вас разметка и какие правила вы назначаете, но мой хрустальный шар подсказывает:
Убрать width: 100%
Добавить
flex-grow: 1;
min-width: 0;

Comments

[ychenik10b]

flex у меня для внутреннего контейнера, flex-grow не работает. Главный контейнер позиция фикс.
Вот код, я пометил комментарием в css этот контейнер, если вам не сложно, помогите.

https://codepen.io/Uchenik10b/pen/JjzmjQz

[Виталий Першин]

ychenik10b,
Вместо min-width: 1000px; поставьте right: 0;

[ychenik10b]

Виталий Першин, спасибо

[Виталий Першин]

ychenik10b, Пожалуйста. Можете отметить решением.