.table-wrap { overflow-x: auto; }Numai wrapperul tabelului poate derula, nu întreaga pagină.
LECȚIA 47 DIN 100
Protejează un tabel cu overflow-x
Permite derulare orizontală numai în jurul conținutului lat.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
overflow-x controlează conținutul care depășește axa orizontală a unei cutii. Valoarea auto oferă un mecanism de derulare când este necesar și păstrează pagina în lățimea viewportului.
.table-wrap { overflow-x: visible; }visible lasă tabelul să iasă din cutie și poate crea scroll orizontal pe întreaga pagină.
PASUL 2 · APLICĂ
Exercițiul tău
Completează regula pentru .table-wrap cu overflow-x: auto.
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Declarația overflow-x folosește valoarea auto.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
Selectorul identifică elementul, iar declarația overflow-x: auto aplică exact comportamentul cerut.