Ką daro overflow savybė CSS ir kokiais atvejais ją reikėtų naudoti?

CSS overflow savybė nustato, kaip elgtis su turiniu, kuris išsikiša už elemento ribų.

• visible: Turinys rodomas visiškai, net jei jis išsikiša už konteinerio ribų.
• hidden: Peržengęs konteinerio ribas turinys yra apkarpytas ir nematomas.
• scroll: Visada rodomos slinkties juostos (horizontalios ir vertikalios), net jei turinys neperžengia.
• auto: Slinkties juostos rodomos tik jei to reikia (kai turinys išsikiša).

Naudojimas:

• Kai elemento turinys (pvz., tekstas ar vaizdas) gali būti didesnis nei nustatyti matmenys ir reikia valdyti jo rodymą.
• Kurti slankiojančias sritis puslapyje, pvz., sąrašus, kodo blokus ar lenteles.
• Norint apkarpyti nepageidaujamą turinį, kuris išsikiša už elemento, išlaikant pradinį maketą.

Pavyzdys, kaip naudoti overflow: auto; su apribotu aukščiu blokui:

.scrollable-block {
  height: 200px; /* Apriboti bloko aukštį */
  overflow: auto; /* Pridėti slinkties juostas, jei turinys didesnis */
  border: 1px solid #ccc; /* Pridėti rėmelį matomumui */
  padding: 10px; /* Vidinis tarpas */
}