Come fare una barra di scorrimento personalizzato per un div

Un div è un elemento di design web standard che contiene il contenuto di una pagina Web , simile a una finestra che contiene il testo in un documento di progettazione di stampa. Codifica HTML permette un Web designer per inserire una barra di scorrimento per un div il cui contenuto di overflow confini del div . Ciò è utile per aggiungere un grande blocco di informazioni alla pagina ma che mostra solo le prime righe . Alcuni siti web utilizzano questa tecnica di interrompere la pagina in sezioni verticali. Il compito richiede solo poche righe di codice . Istruzioni
1

Creare un div nella pagina Web tra i tag body utilizzando il

e < /div > tag di apertura e chiusura , rispettivamente :

;

< /div >
2

una larghezza fissa e altezza per il div e impostare un colore di sfondo a scopo di test in modo da poter vedere i confini del div . :

< /div > .
3

posto qualche tipo nel vostro div a scopo di test :

testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui il testo qui .

< /div >

4

aggiungere il tag di troppo pieno per il vostro stile e impostarlo su "auto" :

< div style = " width: 200px ; height: 100px ; background-color : grigio ; overflow: auto ; ">

< /div >
5

Regolare la tua imbottitura , se necessario :

< div style = " width: 200px ; height: 100px ; background-color : grigio ; troppopieno : auto ; padding 15px 0 0 15px ">

< /div >
6

aprire la pagina in un browser e controllare la barra di scorrimento . Il tipo che inonda il div deve essere tagliato fuori dalla parte inferiore della finestra , ma la barra di scorrimento dovrebbe consentire all'utente di scorrere per leggerlo.