Přetečení

Do seznamu v souboru index.html jsme přidali dalších pět plemen. Do boxu s pevnou výškou 220 pixelů se už nevejdou, a tak z něj vytékají ven. Říkáme, že obsah přetéká.

Vlastnost overflow (přetečení) určuje, co se stane s obsahem, který se do svého boxu nevejde:

• visible (viditelné): obsah vyteče z boxu a může překrýt to, co je pod ním. To je výchozí hodnota.
• hidden (skryté): co se nevejde, se ořízne. Pozor: návštěvníci se k tomu pak nijak nedostanou.
• scroll (posouvání): box jde posouvat. Některé systémy zobrazí posuvníky, i když se všechno vejde.
• auto (automaticky): box jde posouvat, jen když se obsah nevejde. To bývá nejlepší volba.

Pro jediný směr použijte overflow-x (vodorovně) nebo overflow-y (svisle).

Pevná výška se hodí pro boxy, jako je náš seznam, které mají zabírat určité místo. U běžného textu je lepší nechat výšku auto: box pak roste s obsahem a nic nepřetéká.