SuperToster
@SuperToster

Flex calc, можно ли так?

Требуется: header + фиксированная колонка + резиновая колонка. Правильно ли написано: https://jsfiddle.net/15wdbeLg/ ?
  • Вопрос задан
  • 132 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
@magarif
Программист
можно сделать так, чтоб править в одном месте.
:root {
  --left-side-width: 10rem;
}
.block2 {
    flex: 0 1 var(--left-side-width);
}
.block3 {
    flex: 1 1 calc(100% - var(--left-side-width));
}
Ответ написан
dom1n1k
@dom1n1k
Код приведен в принципе рабочий, но неоправденно усложненный.
Шапку удобно и надёжно выделять в отдельный контейнер.
Ниже два других блока и calc там не нужен - достаточно auto.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
20 февр. 2019, в 23:54
1000 руб./за проект
20 февр. 2019, в 23:26
25000 руб./за проект
20 февр. 2019, в 22:04
500 руб./за проект