Desbordament de CSS: visualitzar l'element de contingut

els fulls d'estil en cascada són fàcils d'usar, si no entra a la selva de l'herència, l'assignació de prioritat de l'estructura de classes, els aspectes teòrics i experiències pràctiques.

El propòsit principal de cada propietat en el CSS - pantalla, però això no significa solament "visible": el disseny no és menys important "desbordament CSS ocult".

elements de la pàgina

Pàgina conté no només els elements, es pot situar elements d'elements, si els fotogrames (i que pot ser no només un conjunt de components, però un lloc completament diferent), o fa propis objectes del sistema.

Naturalment, la gran majoria dels llocs dels desenvolupadors que practiquen el disseny de goma, obligat a tenir en compte els creixents volums d'informació i el fet que la barrera de 800 per 600 píxels - no és una barrera per 640 KB, que unes poques dècades a superar la mentalitat dels creadors de MS DOS que compliquen la vida dels programadors i usuaris primers escriptoris.

La creació de llocs originalment tot és més fàcil: la pàgina no cap a la pantalla, el navegador fa que desplaçar-se. Tot i que el desenvolupador pot proporcionar el contingut de la pàgina a la finestra de sortida sense necessitat de desplaçar-avinguda principal i no hi ha altres propietats: contingut de la pàgina no sortirà més enllà de la finestra que li sigui assignada. Això és natural, fora de la finestra hi ha altres aplicacions, i la finestra del navegador - no és millor que les altres finestres: el sistema operatiu és sempre per a aplicacions d'igualtat.

No obstant això, no importa com es prioritzen en la selecció d'opcions de disseny, no importa com distribuït visitants interessats en la resolució de pantalla òptima per a la visualització de llocs, en l'actualitat hi ha diverses pantalles que tenen oportunitats no sempre rectangulars de mida fixa.

El món dinàmic a través de CSS desbordament

Se suposa que la pàgina de la web - aquest contingut, estès sobre les etiquetes d'hipertext, que especifiquen com es mostren en un cas particular, sota certes condicions.

Tot està canviant constantment. Fins i tot si el lloc és tal que el seu contingut no pot ser canviat en els últims anys, no hi ha cap garantia que un visitant inesperat no l'obrirà en un nou dispositiu, que el programador d'aquesta pàgina web ni tan sols coneixen.

Opcions de propietats en les regles de desbordament CSS proporciona només quatre se'ls permet amagar qualsevol cosa que vagi més enllà de l'àrea de l'element, mostrar, proporcionen el desplaçament sempre o només quan sigui necessari, o per heretar el valor d'un avantpassat.

En el primer cas (overflow: hidden), qualsevol contingut que va més enllà del tema s'oculta, però que va desaparèixer, no estarà disponible. Aquesta posició és eficaç, però no menys interessant és l'opció de mostrar tot el que està més enllà (overflow: visible). Pel que el desenvolupador ofereix al visitant l'oportunitat d'estar sempre al corrent de l'element de contingut complet i controlar el seu volum. Dóna menys oportunitats de desplaçament (overflow: scroll - una barra de desplaçament sempre hi és, o overflow: auto - apareixen barres de desplaçament quan sigui necessari).

Característiques de desbordament Condicions d'Ús

", представляют особенный интерес, только когда они представляют собой текст. Elements que es troben dins d'una etiqueta que té el significat de CSS "desbordament de text", són de particular interès, només quan són de text. La col·locació dels altres components, generalment fixat a les coordenades o posicions relatives.

Els elements de text no sempre contenen un nombre fix de caràcters, i si cal utilitzar regles de desbordament, CSS instruïts per observar les opcions de canvis inesperats en volum de contingut.

En particular, en l'etapa de depuració, es pot aplicar el valor de les propietats o d'auto desplaçament, i després bloquejar la visualització de tot el que va més enllà del camp, donant al visitant un joc de claus, que es mourà el contingut de l'invisible a la regió visible. És una pràctica comuna. No tothom està impressionat amb la barra de desplaçament, alguns prefereixen que quatre botons: una part superior, cap endavant, cap enrere, fins al final.

A més, el desbordament de CSS regla en acte / desplaçament aporta valor a un element de pàgina desagradable incertesa: la prioritat de les transferències del navegador del desplaçament de pàgina en el seu element quan s'ha acabat el punter del ratolí.

Quan l'element és un bloc de text, no és massa obvi i incòmode, però si tot l'ample de la finestra per a col·locar la corredora (bloc elements fotos), a continuació, per superar aquesta estructura no sempre és possible amb el ratolí és sovint necessari utilitzar "al principi" botó o "al final de la pàgina. "

prioritats de desplaçament

pàgina de diàleg de la pàgina amb el visitant és essencial, així com el seu disseny, el desenvolupament, el contingut. A causa de que el lloc s'obre un navegador i ho fa en la mateixa finestra o una nova pestanya, el més probable és elegible per al desplaçament ha de ser la pàgina, i no el seu membre. Aquest últim no només pot ser molt, però cada un pot tenir la seva pròpia funció.

El lloc de sempre comporta un significat específic, fins i tot si es refereix al camp de la filosofia, la mística, o qualsevol altre contingut imprevist. És per això que sempre és possible suposar una càrrega particular en els elements interactius del desbordament de CSS regla.

En particular, si l'element és un selector per seleccionar l'any (data), llavors el selector clàssica és un inconvenient, ja que lliurarà la barra de desplaçament inconvenient obvi. Mitjançant l'aplicació en aquest cas de desbordament, CSS es pot utilitzar amb eficàcia, a més: el camp intern en l'element, seleccioneu períodes, permeten al visitant seleccionar ràpida i fàcilment una data desitjada, mes, any.