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í:
- Schovat přetečení:
overflow: hidden
- Zobrazit přetečení:
overflow: visible
- výchozí hodnota - 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
8/9