.feed { max-height: 12rem; overflow-y: auto; }Панель растёт до 12rem, затем при необходимости получает вертикальную прокрутку.
УРОК 48 ИЗ 100
Управляйте длинным вертикальным потоком
Ограничьте высоту панели и разрешите прокрутку дополнительного содержимого.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
max-height ограничивает высоту блока, а overflow-y: auto сохраняет доступ к содержимому за пределами. Оно не удаляется, а становится прокручиваемым.
.feed { max-height: 12rem; overflow-y: hidden; }hidden обрезает дополнительное содержимое и делает его недоступным.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Задайте max-height: 12rem и overflow-y: auto.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Панель ограничена 12rem.
- ○Вертикальный overflow использует auto.
- ○Целевой поток присутствует.
Объясните логику решения
Ограничение размера и механизм overflow должны использоваться вместе.