Una barra di scorrimento è la barra orizzontale o verticale si scorre con sulle pagine Web per vedere contenuti aggiuntivi quando non si adatta in una zona. È possibile utilizzare i fogli di stile (CSS) per sostituire il codice HTML per una barra di scorrimento automatico. Questo è utile perché i CSS può aggiungere automaticamente o rimuovere le barre di scorrimento come richiesto per visualizzare tutto il contenuto di una zona in scatola, invece di dover specificare quali barre di scorrimento per includere prima del tempo.

istruzione

1 Aprire il file CSS in un editor di testo, come Blocco note di Windows.

2 Aggiungere un nuovo stile CSS, assegnare un attributo "troppo pieno" con un valore di "auto" e aggiungere eventuali proprietà aggiuntive. Ad esempio, digitare "div_auto_scrollbar {overflow: auto; width: 100px; height: 200px;}". Overflow specifica ciò che il browser dovrebbe fare quando il contenuto non si adatta in una scatola di dimensioni limitate. Il "auto" impostando automaticamente aggiunge una barra di scorrimento orizzontale o verticale, se necessario. Gli attributi di larghezza e altezza sono opzionali e specificano le dimensioni della vostra casella di contenuti.

3 Salvare e chiudere il file CSS.

4 Aprire il file sorgente HTML della pagina Web.

5 Rimuovere il codice HTML che in precedenza ha gestito la barra di scorrimento e sostituirlo con una divisione (div), utilizzando il nome della nuova classe CSS. Ad esempio, digitare "<div class =" div_auto_scrollbar "> Content qui. </ Div>". Il browser web mostrerà solo una barra di scorrimento per l'area del contenuto, se necessario.

6 Salvare il file sorgente HTML.