создание и продвижение сайта (вбиваю в ТОП-10, как гвозди)Настройка и сопровождение платной рекламы яндекс.директ

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-х сторон.

Отвечу на любые вопросы. С уважением, Дмитрий Владимирович.

Ваше письмо×
Free Web Hosting