Vždy není nutné, aby byl prvek stránky viditelný. Často stačí vidět jeho obsah, obvykle obrázky, text, tabulky. Přechodové pravidlo CSS nastavuje režim zobrazení obsahu.

Umístěním blokových prvků do sebe můžete efektivně regulovat zobrazení obsahu v požadovaném rozsahu, spravovat posuvníky a vytvářet vlastní možnosti správy obsahu.

Obecná pravidla použití

V pravidle přetečení CSS jsou povolena pět hodnot:

viditelná;

skrytý;

listovat;

auto;

dědí.

Pokud je uvedeno, obsah může přesahovat položku. V případě skrytého bude vnější strana odříznuta. Použitím posuvníku a automatického nastavení můžete přidat posuvníky pro zobrazení obsahu, který přesahuje danou položku. Velikost prvku určuje pravidla šířky a výšky. Když pravidlo CSS přetečení umožňuje rolování (scroll a auto hodnoty), jeho pruhy jsou umístěny uvnitř prvku. Ne vždy pohodlné a ve většině případů nebude odpovídat návrhu stránky, pokud se vývojář zajímá o správu obsahu a neplánuje používat klasické "posuvníky".

Praxe, kdy je předmět s obsahem považován samostatně, dává malou příležitost k dosažení požadovaného výsledku. Pokud je položka zobrazena jako sbírka více blokových značek, vnořených nebo vzájemně propojených, otevře se mnoho příležitostí. Pokud přetečení CSS není standardní verzí pravidla, odpovědnost zaSprávný výstup obsahu je založen na javascriptovém kódu.

Příklad: javascript + přetečení bez CSS

Jedinou "nevýhodou" pravidel CSS je plnit své poslání, jak to navrhuje jejich syntaxe a účel. Ve většině případů je to více než dost. Ideální pro použití přetečení css (hodnoty auto nebo rolování). Při testování můžete vždy vidět, že je výstup v jednom nebo druhém bloku. Mezitím návrh lokality, touha vývojáře nabízet vlastní volbu navigace obsahu a co je nejdůležitější, rozsah webu může vyžadovat rozhodně jiné řešení než to, co CSS může nabídnout.

V tomto příkladu mohou bloky obsahovat nejen obsah, který se prochází ze zahraničí. Je třeba je přesunout k sobě navzájem. Jedním z nich je emulace tabulky výměn elektronických měn (ve skutečnosti je to panna - "div"), ale dvě kopie obsahu. V jedné kopii, v jednom směru výměny, v jiném - jiném. Každý blok může být roztažen (komprimován) ve výšce a šířce, umístěný nad jiným blokem. Implementace těchto funkcí není možná u standardní verze přetečení CSS. Při změně velikosti hlavní jednotky musí být všechny vnitřní panny znovu sestaveny. Současně by se velikost písma měla měnit poměrně, protože možnost snížit informace ve finančních programech se zdá být špatně vhodná.

Čistý přetečení CSS, ale bez posuvníků

Posun navržený HTML /CSS je nepochybně praktický, ale pro ladění je to jen nutné, ale existuje jeden významný bod. Když je myš nad blokem, ve kterém jeje posuvník, obsah tohoto bloku se přesune, nikoli celá stránka. Tento okamžik není v praxi příliš praktický: musíte ovládat místo na stránce, kde můžete otáčet kolo myši. Někteří návštěvníci se jí nelíbí, někteří prostě nedávají pozor.
Mezitím nic nebrání vývojáři v tom, aby spojil možné s požadovaným. Pokud obsah bloku přesahuje jeho hranice, je možné odvodit pouze jeho podstatu, což zakazuje rolování. Když však uživatel na to upozornil, přidržením ukazatele myši na chvíli je třeba blok rozložit na požadovanou velikost a zobrazit obsah. V této verzi bude stránka představovat koncentrovaný obsah, který může návštěvník v případě potřeby zveřejnit. V obecném smyslu by při vytváření blokových prvků mělo vycházet z myšlenky, že jeden prvek je jeden div, span nebo td. Myslete na tagy HTML - ne vděčná lekce. Je mnohem praktičtější přemýšlet o sémantických prvcích stránky a kolik bude vyžadovat pro implementaci značek HTML - jinou záležitost.

Změna z důvodu obsahu

Vezmeme-li za základ myšlenku „je velikost bloku, který určuje její obsah přetečení pravidla CSS je další možnost. Není třeba spoléhat se na standardní rolování nebo psát vlastní javascript kód.

Pokud se na staveništi projekt jako soubor složek, velikosti a umístění jsou určeny jejich obsah v závislosti na činnosti, které budou popsány některé bloky. Je možné, že budou zveřejněny na celé stránce nebo na její podstatnou část. Skvělé prohnutím návštěvníka je jeho zájem o informace. Když přijde na místo, sleduje svůj počáteční stav a rozhodne se, co je pro něj zajímavé. Pohyb myši na obrazovce nebo prstu na automatu smartphonu odhalí aktuální aktuální blok, jehož výstup vede k jeho uzavření a otevření dalšího bloku. V současné době není při vytváření moderního místa tak těžké, že se stalo záležitostí překvapení a zájem o návštěvníka. Pohyb od myšlení HTML tagů k manipulaci s informačními prvky, které jsou pro návštěvníka relevantní, je dobrý nápad.