Přetečení

Představme si obrázek s velikostí 200x200px (200 pixelů široký a vysoký). Když bychom nastavili jeho rodiči velikost na 200x100px (200 pixelů široký a 100 pixelů vysoký), tak říkáme, že z něj obrázek přeteče, protože je 2x vyšší než jeho rodič.

My můžeme určit jakým způsobem přetečení vyřešit. Máme 3 základní způsoby řešení:

  1. Schovat přetečení: overflow: hidden
  2. Zobrazit přetečení: overflow: visible - výchozí hodnota
  3. Přidat scroll pro přetečení: overflow:scroll

Pokyny

Přidejte k selektoru paragrafů (p) pravidlo, které nastaví výšku (height) paragrafů na 100 pixelů.

Všimněte si, že text paragrafu přetekl.

Přidejte k selektoru paragrafů další pravidlo, které schová (hidden) přetečení (overflow).

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

8/9

Přetečení | Start Coder