Overflow CSS: afișează elementul de conținut

foi de stil Cascading sunt ușor de utilizat, dacă nu intra în jungla de moștenire, alocarea cu prioritate a structurii de clasă, aspectele teoretice și experiența practică.

Scopul principal al fiecărei proprietăți în CSS - afișare, dar aceasta nu înseamnă doar „vizibil“: nu mai puțin important de design „Overflow CSS ascuns“.

elemente de pagină

Pagina conține nu numai elementele, acesta poate fi localizat elemente de elemente, fie cadre (și poate fi nu numai un set de componente, dar un alt site in intregime), sau a făcut obiecte de sistem proprii.

Desigur, marea majoritate a site-urilor dezvoltatori care practică aspect de cauciuc, forțat să ia în calcul volumele tot mai mare de informații, precum și faptul că bariera de 800 x 600 pixeli - nu este o barieră la 640 KB, care de câteva decenii a depăși mentalitatea de creatori MS DOS decât să complice viața programatori și utilizatori primele ecrane.

Clădirea site-ul inițial totul este mai ușor: Pagina nu se potrivește pe ecran, browser-ul face derula. Deși dezvoltatorul poate furniza conținutul paginii de ieșire din fereastra fără a derula benzi și fără alte proprietăți: conținutul paginii nu va ieși dincolo de fereastra atribuită. Acest lucru este firesc, în afara ferestrei există alte aplicații, și fereastra de browser - nu mai bine decât celelalte ferestre: sistemul de operare este întotdeauna pentru aplicații de egalitate.

Cu toate acestea, indiferent de modul în care acestea o prioritate în selectarea opțiunilor de aspect, indiferent de modul distribuit de vizitatori interesați în rezoluția optimă a ecranului pentru vizualizarea site-uri, în prezent există diferite ecrane care nu au întotdeauna oportunități dreptunghiulare de dimensiune fixă.

Lumea dinamică prin CSS Overflow

Se presupune că pagina site - ului - acest conținut, răspândit pe etichetele hipertext, care specifică modul în care se afișează într - un anumit caz, în anumite condiții.

Totul este în continuă schimbare. Chiar dacă site - ul este de așa natură încât conținutul său nu poate fi schimbat de-a lungul anilor, nu există nici o garanție că un vizitator neașteptat nu - l va deschide pe un dispozitiv nou, pe care dezvoltatorul acestui site nici măcar nu știu.

Opțiuni proprietăți în regulile CSS Overflow prevede doar patru sunt permise pentru a ascunde ceva care merge dincolo de zona elementului, afișare, oferă defilare întotdeauna sau numai atunci când este necesar, sau să moștenească valoare dintr - un strămoș.

În primul caz (overflow: ascuns), orice conținut care merge dincolo de elementul va fi ascuns, dar a dispărut, nu vor fi disponibile. Această poziție este eficientă, dar nu mai puțin interesantă este opțiunea de a arăta tot ceea ce este dincolo (overflow: vizibil). Deci , dezvoltatorul oferă vizitatorului posibilitatea de a fi întotdeauna conștienți de elementul de conținut și control integral volumul său. Mai puține oportunități oferă defilare (overflow: defilați - o bară de derulare este întotdeauna acolo, sau overflow: auto - barele de defilare apar atunci când este necesar).

Caracteristici Overflow Condiții de utilizare

", представляют особенный интерес, только когда они представляют собой текст. Elementele care sunt în interiorul o etichetă care are semnificația de CSS „overflow text“, prezintă un interes deosebit, numai atunci când acestea sunt text. Plasarea celorlalte componente, de obicei fixat pe coordonatele sau pozițiile relative.

Elementele de text nu conțin întotdeauna un număr fix de caractere, și dacă trebuie să utilizați reguli de preaplin, CSS instruit pentru a monitoriza opțiunile de modificări neașteptate ale volumului de conținut.

În special, în etapa de depanare, puteți aplica valoarea proprietăților sau auto scroll, și apoi blocați afișarea de tot ceea ce merge dincolo de câmp, oferind vizitatorului un set de chei, care se va muta conținutul invizibil în regiunea vizibilă. Este o practică comună. Nu toată lumea este impresionat cu bara de defilare, unii il prefera patru butoane: un top, înainte, înapoi, până la sfârșit.

În plus, regula de preaplin CSS auto / defilare aduce valoare unui element de pagină incertitudine neplăcută: prioritatea transferurilor browser - scroll de la pagină la elementul său atunci când acesta este de peste indicatorul mouse - ului.

În cazul în care elementul este un bloc de text, nu este prea evident si inconfortabil, dar în cazul în care întreaga lățime a ferestrei pentru a plasa cursorul (bloc elemente-imagini), apoi pentru a depăși o astfel de structură nu este întotdeauna posibil cu mouse-ul este adesea necesar să se folosească „la început“ sau „butonul de la sfârșitul pagina. "

prioritățile de defilare

Pagina Dialog a site-ului cu vizitatorul este esențială, precum și design, dezvoltare, conținut. Deoarece site-ul se deschide un browser și o face în aceeași fereastră sau o filă nouă, sunteți probabil eligibil pentru defilare ar trebui să fie pagină, și nu membru al acesteia. Acesta din urmă nu poate fi doar o mulțime, dar fiecare poate avea propria funcție.

Site-ul poartă întotdeauna o anumită semnificație, chiar dacă se referă la domeniul filosofiei, misticism, sau orice alt conținut neprevăzut. De aceea, este întotdeauna posibil să-și asume o sarcină specială asupra elementelor interactive ale CSS regula preaplin.

În special, în cazul în care elementul este un selector pentru a selecta anul (data), apoi selectorul clasic este incomod, deoarece va livra inconveniente evidente scrollbar. Prin aplicarea în acest caz preaplin, CSS poate fi utilizat în mod eficient, în plus: câmpul intern în elementul, selectați perioadele, permit vizitatorului să selecteze rapid și ușor o dată dorită, luna, an.