Как правильно располагать блоки див внутри другого блока див?

Question

[Alex Blinov]

Здравствуйте, как располагать блоки див внутри друго блока, чтобы расстояние между ними было равным(примеры на фото).Следует, чтобы при разных ориентациях экрана были одинаковые пропорции и не было никаких костылей(Например: header в котором находится логотип,меню и другое, так же можно привести в пример сайт хабр и его шапку). Хочется узнать и научиться как правильно делать. Пожалуйста подскажите!

Answer 1

[Сергей Горностаев]

Flexbox

Comments

[Alex Blinov]

А разве они не поддерживаются на старых браузерах или все же не стоит уделять внимание на них?

[Сергей Горностаев]

Alexander Blinov, https://caniuse.com/#search=flexbox

Answer 2

[Даниил Маслов]

https://css-live.ru/articles/vizualnoe-rukovodstvo...

Comments

[Alex Blinov]

Спасибо, а что вы скажите на счет того, что flexbox не поддерживается на старых браузерах?

[Даниил Маслов]

Alexander Blinov, сейчас уже нет необходимости поддерживать те браузеры, где флексбокс не зассупорчен

Answer 3

[Андрей Ежгуров]

Для таких задач используют flexbox'ы.

Comments

[Alex Blinov]

Спасибо, но я слышал, что они не поддерживаются старыми браузерами. Может быть есть другое решение?

[Андрей Ежгуров]

Alexander Blinov, насколько старыми? Судя по https://caniuse.com/#search=flexible, поддерживается практически всё, что сейчас используется.