.feed { max-height: 12rem; overflow-y: auto; }Panoul crește până la 12rem, apoi primește derulare verticală când este nevoie.
LECȚIA 48 DIN 100
Controlează un flux vertical lung
Limitează înălțimea panoului și permite derularea conținutului suplimentar.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
max-height limitează înălțimea cutiei, iar overflow-y: auto păstrează accesibil conținutul care depășește limita. Conținutul nu este eliminat, ci devine derulabil.
.feed { max-height: 12rem; overflow-y: hidden; }hidden taie conținutul suplimentar și îl face inaccesibil.
PASUL 2 · APLICĂ
Exercițiul tău
Completează max-height cu 12rem și overflow-y cu 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
- ○Panoul este limitat la 12rem.
- ○Overflowul vertical folosește auto.
- ○Fluxul țintă este prezent.
Explică-mi logica rezolvării
Limita de dimensiune și mecanismul de overflow trebuie folosite împreună.