[Из песочницы] Использование CSS Flexbox для позиционирования блоков на странице

Скрипты и советы | 13 октября 2016 3 596

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов

Задача


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

image

Читать дальше →
Выравниваем блок по центру страницы

Очень часто стоит задача выровнять блок по центру страницы / экрана, да ещё и так, чтобы без ява-скрипта, без задания...

Подробнее
Бравый справочник css-свойств для новичка

Как новички изучают css-свойства? Они читают про все свойства, которые только есть, что-то запоминают, в основном...

Подробнее
[recovery mode] Сбалансированные показатели сайта. Часть 3: Контент

В этой статье мы разберем еще один блок показателей сайта, который входит в нашу схему. Речь пойдет о контенте, я вынес...

Подробнее
Яндекс в режиме бета-тестирования разместил рекламу среди органических результатов

Вчера вышла новость, что Яндекс внедряет на странице результатов поиска еще одно место для рекламы. Тут ничего нового,...

Подробнее
[Из песочницы] Использование MS Word для управления материалами в Wordpress

Сегодня для продвижения сайта через SEO (Search Engine Optimization – настройка ресурса под выдачу в поисковиках) нужно...

Подробнее
[Перевод] Правда ли уже пора использовать CSS Grid Layout?

Я учусь пилотировать легкие самолеты. Это отвлекает меня от компьютеров. Недавно мне никак не удавалось удержать...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями