¿Cómo usted deshacerse de la barra de desplazamiento horizontal en una página web?

Al diseñar su página web para una resolución de pantalla más grande y su sitio se mostrará en una resolución menor, barras de desplazamiento horizontal y vertical aparecen automáticamente. Afortunadamente, si lo prefiere deshacerse de sólo el desplazamiento horizontal, que tiene la capacidad de hacerlo a través de Cascading Style Sheets (CSS). Entender cómo aplicar CSS para el código existente HyperText Markup Language (HTML) para hacer cumplir una norma que restringe sólo esta barra inferior.

Instrucciones

1 Abrir el programa editor de texto de su ordenador y abra el documento de página Web que tiene la barra de desplazamiento horizontal.

2 Coloque el cursor antes de la terminación "</ head>" elemento en el principio del archivo y escriba el siguiente código CSS:

<Style type = "text / css">

</ Style>

3 Tipo "body {}" entre las etiquetas de estilo e introduzca "desbordamiento-x: hidden;" entre las llaves. Para ilustrar:

body {overflow-x: hidden; }

El cuerpo controla su página Web entera y el atributo overflow-x indica al navegador para obtener sólo deshacerse de la barra horizontal.

4 Guarde el archivo. Su código CSS completa ahora se ve así:

<Style type = "text / css">

body {overflow-x: hidden; }

</ Style>

Consejos y advertencias

• Si desea deshacerse tanto de las barras de desplazamiento horizontal y vertical, cambiar el atributo de "desbordamiento-x" a "desbordamiento" como el siguiente ejemplo:
• body {overflow: hidden; }