SuperToster
@SuperToster

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

Требуется: header + фиксированная колонка + резиновая колонка. Правильно ли написано: https://jsfiddle.net/15wdbeLg/ ?
  • Вопрос задан
  • 141 просмотр
Решения вопроса 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.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Amigoweb Магнитогорск
от 30 000 до 40 000 руб.
iWeekender Краснодар
от 80 000 руб.
26 апр. 2019, в 06:39
500 руб./за проект
26 апр. 2019, в 06:16
1000 руб./за проект
26 апр. 2019, в 01:38
5000 руб./за проект