Opzioni di overflow DIV

January 20

Opzioni di overflow DIV


Cascading Style Sheet attributi di aiuto del sito progettisti controllano il modo in cui gli elementi appaiono in una pagina Web. Overflow, per esempio, è un attributo CSS critico che determina se i visitatori del sito vedere tutto il contenuto si trova in un elemento DIV. L'attributo di overflow ha cinque possibili opzioni. Quello che uso può variare a seconda delle esigenze di layout.

Auto

navigatori di Internet condizionata a barre di scorrimento vedere sul browser potrebbero anche aspettare di vederli sui singoli elementi della pagina web pure. Se si imposta proprietà overflow di un DIV per l'auto, le barre di scorrimento appaiono se il contenuto del DIV supera la dimensione del DIV. Quando un DIV è troppo stretta per contenere il suo contenuto, viene visualizzata una barra di scorrimento orizzontale. Il DIV visualizza una barra di scorrimento verticale se non è abbastanza alto per contenere il contenuto. Dal momento che non è automatico opzione predefinita dell'attributo troppo pieno, è necessario impostare l'opzione di auto se si vuole barre di scorrimento a comparire automaticamente.

Visibile

Quando un browser carica una pagina web, utilizza i valori CSS predefiniti se un particolare attributo non è impostato. Se la pagina non specifica un valore di overflow nel codice CSS, browser utilizzano un valore predefinito di visibile. Si possono trovare questo valore utile quando si desidera che gli utenti siano in grado di visualizzare il contenuto di un DIV anche se tali contenuti troppo pieno di fuori del DIV.

Nascosto

Hai anche la possibilità di nascondere il contenuto che non si adatta all'interno di un DIV. L'opzione di overflow nascosta rende i contenuti invisibile che appare al di fuori di un DIV. Non si potrebbe desiderare di utilizzare questa opzione se tutti i contenuti DIV è importante. Ad esempio, se un DIV che è di 100 pixel contiene un'immagine che è il lato 150 pixel, il DIV visualizza solo i primi 100 pixel orizzontali dell'immagine, se l'opzione di overflow è nascosta.

Ereditare

Utilizzare l'opzione Eredita quando si desidera che il DIV di ereditare opzione di overflow del suo genitore. Ad esempio, se il valore di overflow di un div è auto, tutti i div all'interno di quel genitore si visualizzano le barre di scorrimento se il contenuto supera le dimensioni delle div.

Scorrere

L'opzione di overflow di scorrimento è simile all'opzione di overflow auto; entrambe le opzioni creano le barre di scorrimento. L'opzione di scorrimento, però, fa sì che le barre di scorrimento a comparire indipendentemente dal fatto che il contenuto fluisce fuori di un DIV. Se una grande DIV contiene un piccolo menu che si inserisce all'interno del DIV, le barre di scorrimento che circondano il DIV possono fare altro che aggiungere confusione alla pagina. Si può solo voler utilizzare l'opzione di scorrimento se non si cura se i visitatori del sito vedono le barre di scorrimento non necessarie.