Как расположить два блока рядом?

Question

[AlPaco]

Добрый вечер.
Пишу сайт, столкнулся с проблемой.
Есть два блока - левы и правый. У левого блока ширина задана в процентах, а у правого в пикселях.
Я хочу, чтобы при сжатии браузера левый блок сжимался, а правый не съезжая оставался на месте.
Вот скрины:
До сжатия:


После сжатия:


Вот примерный код: https://jsfiddle.net/u6wdzeus/11/
Буду очень благодарен, мучаюсь второй день)

Answer 1

[DivineDraft]

левый left
правый right

.left {float:left;width:calc(100% - 300px);}
.right {float:right;width:280px;}

+20px получается отступ.

Comments

[AlPaco]

Чувак, ты бомба!

Answer 2

[aloky]

не легче использовать bootstrap?

Comments

[AlPaco]

Не знаком даже с ним. Даже понятия не имею для чего его используют) Сейчас поищу. Но проблему все-же хотелось бы решить.

[aloky]

AlPaco, https://getbootstrap.com/docs/4.0/layout/grid/