Quando si progetta una pagina Web per una risoluzione dello schermo più grande e il suo sito visualizza su una risoluzione inferiore, vengono visualizzate automaticamente le barre di scorrimento orizzontale e verticale. Fortunatamente, se si preferisce sbarazzarsi del proprio scorrimento orizzontale, si avrà la possibilità di farlo utilizzando Cascading Style Sheets (CSS). Capire come applicare i CSS per il codice esistente HyperText Markup Language (HTML) per far rispettare una regola che limita proprio questa barra inferiore.

istruzione

1 Portare editor di testo del computer e aprire il documento pagina Web che ha la barra di scorrimento orizzontale.

2 Posizionare il cursore prima della desinenza "</ head>" elemento all'inizio del file e immettere il seguente codice CSS:

<Style type = "text / css">

</ Style>

3 Tipo "body {}" tra i tag di stile e immettere "overflow-x: hidden;" tra le parentesi graffe. Illustrare:

body {trabocco-x: hidden; }

Il corpo controlla la pagina Web intera e l'attributo di overflow-x indica al browser di liberarsi solo della barra orizzontale.

4 Salvare il file. Il tuo codice CSS completo ora assomiglia a questo:

<Style type = "text / css">

body {trabocco-x: hidden; }

</ Style>

Consigli e avvertenze

• Se si vuole sbarazzarsi di entrambi le barre di scorrimento orizzontale e verticale, modificare l'attributo "overflow-x" a "troppo pieno", come il seguente esempio:
• body {overflow: hidden; }