.table-wrap { overflow-x: auto; }Прокручивается только оболочка таблицы, а не вся страница.
УРОК 47 ИЗ 100
Защитите таблицу с overflow-x
Разрешите горизонтальную прокрутку только вокруг широкого содержимого.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
overflow-x управляет содержимым, выходящим за горизонтальные границы блока. Значение auto добавляет прокрутку при необходимости и сохраняет страницу в ширине viewport.
.table-wrap { overflow-x: visible; }visible позволяет таблице выйти за пределы блока и может создать прокрутку всей страницы.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Дополните правило для .table-wrap: overflow-x: auto.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Объявление overflow-x использует значение auto.
- ○Целевой элемент присутствует на странице.
Объясните логику решения
Селектор находит элемент, а объявление overflow-x: auto применяет требуемое поведение.