Quando si sente la parola "troppo pieno", si può immaginare una sostanza come l'acqua fuoriuscita di fuori del suo contenitore. Elementi di una pagina Web hanno anche la capacità di traboccare. In realtà, i creatori di Cascading Style Sheets definita una proprietà CSS chiamata "troppo pieno". I monitor dei computer - limitato nelle dimensioni - possono mostrare solo molto più informazioni alla volta su uno schermo. Superare questa limitazione, dando i visitatori del sito la possibilità di scorrere tra gli elementi HTML come DIV e controlli nell'area di testo.

istruzione

1 Avviare un word processor o il vostro editor HTML. Aprire uno dei documenti di più pagine Web.

2 Aggiungere il seguente codice HTML alla sezione corpo del documento:

<Div class = "scroll">

test test test test test test test test

test test test test test test test test

test test test test test test test test

test test test test test test test test

test test test test test test test test

test test test test test test test test

test test test test test test test test

test test test test test test test test

test test test test test test test test

</ Div>

<Textarea id = "TextArea1" class = "scroll" cols = righe "30" = "3" />

Questo codice crea un elemento DIV che fa riferimento a una classe CSS chiamato "scorrimento". Il controllo textarea fa riferimento anche quella classe.

3 Aggiungere questo codice CSS per la sezione "testa" del documento:

<Style type = "text / css">

.scroll {overflow: scroll; altezza: 100px; width: 200px;}

</ Style>

Questa classe "scorrere" imposta il valore dell'attributo troppo pieno di "scorrimento". In questo modo si aggiunge una barra di scorrimento di elementi della pagina che fanno riferimento alla classe. Impostazione dei valori di altezza e larghezza a piccole quantità vi permette di testare la barra di scorrimento, rendendo l'area DIV e il testo di piccole dimensioni.

4 Salvare il documento HTML e aprirlo nel browser. Le barre di scorrimento appaiono sul DIV e l'elemento di testo. Fare clic sulle barre di scorrimento con il mouse e trascinarli per scorrere gli elementi HTML.

Consigli e avvertenze

• È inoltre possibile consentire browser decidere quando visualizzare le barre di scorrimento HTML. Modificare il valore dell'attributo di overflow su "auto", invece di "scroll", e il browser di un utente aggiungerà una barra di scorrimento se il contenuto di un elemento trabocca il suo contenitore.