Overflow CSS: mostrar o elemento de contido

follas de estilo en cascada son fáciles de usar, se non ir á selva de herdanza, distribución prioritaria da estrutura de clase, os aspectos teóricos e experiencia práctica.

O obxectivo principal de cada propiedade na CSS - exhibición, pero iso non significa só "visible": non menos importante proxecto "CSS overflow oculto".

elementos da páxina

A páxina contén non só os elementos, pode ser situado elementos de elementos, tanto cadros (e pode ser non só un conxunto de compoñentes, pero un sitio diferente), ou obxectos feitos propio sistema.

Por suposto, a gran maioría dos desenvolvedores locais que practican esquema de caucho, obrigados a contar cos volumes crecentes de información eo feito de que a barreira de 800 por 600 píxeles - non unha barreira para 640 KB, que algunhas décadas superar a mentalidade dos creadores MS DOS que complican a vida dos programadores e usuarios primeiros escritorios.

O edificio sitio orixinalmente todo é máis fácil: Páxina non caber na pantalla, o navegador fai rodar. Aínda que o creador pode achegar o contido da páxina de saída no diálogo sen desprazamento de strip e hai outras propiedades: o contido da páxina non vai saír máis aló do diálogo que lle foi asignada. Isto é natural, fóra da xanela hai outras aplicacións, e xanela do navegador - non hai mellor que as outras fiestras: o sistema operativo é sempre para aplicacións de igualdade.

Con todo, non importa como priorizados na selección de opcións de deseño, non importa o quão distribuído visitantes interesados en resolución de pantalla ideal para a visualización de locais, hoxe existen diversas pantallas que non sempre teñen oportunidades rectangulares tamaño fixo.

O mundo dinámico a través do CSS overflow

Suponse que a páxina do sitio - este contido, estender-se sobre as etiquetas de hipertexto, que especifican como amosa nun caso particular, baixo certas condicións.

Todo está cambiando constantemente. Mesmo se o sitio é de tal forma que o seu contido non pode ser alterado ao longo dos anos, non hai ningunha garantía de que un visitante inesperado non abrilo nun novo dispositivo, que o creador deste sitio web non sei aínda.

Opcións propiedades en normas de estourido CSS ofrece só catro están autorizados a ocultar algo que vai máis aló da zona do elemento, exposición, proporcionan desprazamento sempre ou só cando sexa necesario, ou para herdar o valor dun ancestral.

No primeiro caso (overflow: hidden), calquera contido que vai máis alá do elemento será escondido, pero que desapareceu, non estarán dispoñibles. Esta posición é eficaz, pero non menos interesante é a opción para mostrar todo o que está alén (overflow: visible). Así, o creador ofrece ao visitante a oportunidade de estar ao día do elemento contido completo e controlar o seu volume. Menos oportunidades dá desprazamento (overflow: scroll - unha barra de desprazamento está sempre aí, ou overflow: auto - barras de desprazamento aparecen cando sexa necesario).

Características overflow Termos de Uso

", представляют особенный интерес, только когда они представляют собой текст. Elementos que están dentro dunha marca que ten o significado de CSS "overflow texto", son de particular interese, só cando son texto. Colocación dos outros compoñentes, xeralmente fixado para as coordenadas ou posicións relativas.

elementos de texto non sempre conteñen un número fixo de caracteres, e se ten que usar regras estourido, CSS instruídos a supervisar as opcións cambios inesperadas no volume de contidos.

En particular, na fase de depuración, pode aplicar o valor das propiedades ou auto o libro, e logo bloquear a pantalla de todo o que vai máis alá do campo, dando ao visitante un conxunto de claves, que ha mover o contido do invisible para a rexión visible. É práctica común. Non todo o mundo está impresionado coa barra de desprazamento, algúns prefiren catro botóns: un top, fronte, atrás, ata o final.

Ademais, o estourido CSS regra en auto / desprazamento trae valor a un elemento de páxina incerteza desagradable: a prioridade transferencias navegador desprazamento de páxina para o seu elemento cando está baixo o punteiro do rato.

Cando o elemento é un bloque de texto, non é moi evidente e incómodo, pero se todo o ancho da fiestra para poñer o cursor (bloque elementos retratos), a continuación, para superar tal estrutura non sempre é posible co rato é moitas veces necesario usar "o principio" ou "botón ao final do Page ".

prioridades de desprazamento

Páxina de diálogo do sitio co visitante é esencial, así como o seu deseño, desenvolvemento, contido. Porque o sitio abre un navegador e faino na mesma fiestra ou nunha nova pestana, é probable elixibles para desprazamento debe ser a páxina, e non o seu membro. Este último non só ser moi, pero cada un pode ter a súa propia función.

A web sempre leva un significado específico, aínda que se refira ao campo da filosofía, misticismo, ou calquera outro contido imprevisto. É por iso que é sempre posible asumir unha carga especial sobre os elementos interactivos do CSS regra estourido.

En particular, se o elemento é un selector para seleccionar o ano (data), entón o selector clásico é inconveniente, como vai entregar o inconveniente evidente barra de desprazamento. Ao aplicar neste caso estourido, CSS pode ser utilizada de forma eficaz, ademais: o campo interno no elemento, seleccione períodos, permiten ao visitante seleccionar rápida e facilmente a data desexada, mes, ano.