4 резиновых колонки (вариант 2) с помощью CSS

4 резиновых колонки (вариант 2) с помощью CSS

3-я колонка растягивается адаптивно размеру экрана

Колонки в %% адаптивно размеру экрана

Колонки в px адаптивно размеру экрана

Используется свойство CSS: calc(выражение)

Выражение представляет собой комбинацию значений размеров и следующих знаков математических действий.

+ сложение width:calc(20px + 20px)

- вычитание padding:calc(10% - 10px)

* умножение height:calc(20%*2)

/ деление. На 0 делить запрещено width:calc(100%/3)

Знаки + и - должны отбиваться пробелами с 2-х сторон.