Overflow CSS: visa innehållselement

Cascading Style Sheets är lätta att använda, om du inte går in i djungeln av arv, prioriterad tilldelning av klasstruktur, de teoretiska aspekter och praktisk erfarenhet.

Det huvudsakliga syftet med varje fastighet i CSS - display, men det betyder inte bara "synliga" inte mindre viktig Motivet "CSS Bräddning dolda".

sidelement

Sidan innehåller inte bara de delar, kan den placeras delar av element, om ramar (och det kan vara inte bara en uppsättning komponenter, men en annan plats helt), eller göras egna systemobjekt.

Naturligtvis de allra flesta utvecklare platser öva gummi layout, tvingas räkna med växande volymer av information och det faktum att barriären på 800 x 600 pixlar - inte ett hinder för 640 KB, som några decennier vinna mentalitet MS DOS skapare än komplicera livet för programmerare och användare första stationära datorer.

Webbplatsen byggnad som ursprungligen allt är lättare: sida passar inte på skärmen, webbläsaren gör det rulla. Även utvecklaren kan ge utgångssidans innehåll i fönstret utan att rulla band och inga andra egenskaper: sidans innehåll kommer aldrig att komma ut utanför fönstret tilldelats. Detta är naturligt, utanför fönstret finns det andra program och webbläsarfönster - inget bättre än andra fönster: operativsystemet är alltid för jämställdhets applikationer.

Men oavsett hur de prioriteras i valet av layoutalternativ, oavsett hur distribuerade besökare som är intresserade av optimal skärmupplösning för att visa webbplatser, idag finns det olika skärmar som inte alltid rektangulära möjligheter fast storlek.

Den dynamiska världen genom Overflow CSS

Det antas att platsen sidan - det här innehållet, utspridda på hyper taggar som anger hur den visar i ett enskilt fall, under vissa förutsättningar.

Allt är i ständig förändring. Även om platsen är sådan att dess innehåll inte kan ändras under åren, finns det ingen garanti för att en oväntad besökare inte kommer att öppna den på en ny enhet som utvecklaren av denna webbplats inte ens vet.

Alternativ fastigheter i regler Overflow CSS ger endast fyra tillåts dölja något som går utöver området för element, skärm, ger rulla alltid eller bara när det behövs, eller att ärva värde från en förfader.

I det första fallet (overflow: hidden) kommer allt innehåll som går utöver posten döljas, men som försvann, kommer inte att vara tillgängliga. Denna position är effektiv, men inte mindre intressant är möjligheten att visa alla som är bortom (overflow: synlig). Så utvecklaren ger besökaren möjlighet att alltid vara medveten om hela innehållet elementet och kontrollera dess volym. Färre möjligheter ger scroll (overflow: bläddra - en rullningslist är alltid där, eller overflow: auto - rullningslister visas vid behov).

Funktioner Overflow Villkor

", представляют особенный интерес, только когда они представляют собой текст. Element som är inne i en tagg som har betydelsen av CSS "text overflow", är av särskilt intresse, bara när de är text. Placering av de andra komponenterna, vanligtvis fast till koordinaterna eller relativa positioner.

Textelement inte alltid innehåller ett fast antal tecken, och om du behöver använda regler overflow, CSS i uppdrag att övervaka alternativ oväntade förändringar i innehåll volym.

I synnerhet i det skede av felsökning kan du använda värdet av fastigheter eller auto rulla och lås sedan visningen av allt som går utöver området, vilket ger besökaren en uppsättning nycklar, som han kommer att flytta innehållet i det osynliga i det synliga området. Det är vanligt förekommande. Inte alla är imponerad av rullningslisten, vissa föredrar det fyra knappar: en topp, framåt, bakåt, till slutet.

Dessutom regeln overflow CSS i auto / scroll ger värde till ett sidelement obehaglig osäkerhet: prioritet för rullnings överföringar webbläsare från sida till sitt rätta element när det är över muspekaren.

När elementet är ett textblock, är det inte alltför uppenbart och obekväma, men om hela bredden av fönstret för att placera löparen (blockelement-pictures), sedan för att övervinna en sådan struktur är inte alltid möjligt med musen är ofta nödvändigt att använda "i början" eller "-knappen i slutet av sida. "

rullnings prioriteringar

Dialog sida på webbplatsen med besökaren är viktigt, liksom dess utformning, utveckling, innehåll. Eftersom platsen öppnar en webbläsare och gör det i samma fönster eller en ny flik, är du sannolikt berättigad för att bläddra bör sida, och inte dess medlemmar. Den senare kan inte bara vara en hel del, men var och en kan ha sin egen funktion.

Webbplatsen bär alltid en specifik betydelse, även om det hänför sig till området för filosofi, mysticism, eller någon annan oförutsedd innehåll. Det är därför det är alltid möjligt att anta en viss belastning på de interaktiva delarna av regeln overflow CSS.

I synnerhet om elementet är en väljare för att välja år (datum), sedan den klassiska väljaren är obekvämt, eftersom det kommer att leverera rullningslisten uppenbara olägenheter. Genom att tillämpa i detta fall overflow kan CSS användas effektivt dessutom: det interna fältet i elementet, välj perioder låta besökaren att snabbt och enkelt välja önskat datum, månad, år.