Las barras de desplazamiento se utilizan para cambiar la posición del contenido que se muestra en la ventana de la aplicación, generalmente la página del documento. De forma predeterminada, aparecen automáticamente en los casos en que el ancho o alto de la ventana no es suficiente para mostrar toda la página abierta. Por lo tanto, para deshacerse de la barra de desplazamiento horizontal, debe cambiar el ancho de la página o de la ventana de la aplicación en la que está abierta.
Instrucciones
Paso 1
Reducir la página: esta es la forma más fácil de eliminar la barra de desplazamiento horizontal al ver la página. En cualquier navegador, esto se puede hacer girando la rueda del mouse hacia usted mientras mantiene presionada la tecla ctrl. Muchos editores de texto (por ejemplo, Microsoft Word) también admiten dicho control de zoom de página. En los navegadores, también puede usar la tecla menos en lugar del mouse. Cada clic o giro de la rueda una parada se alejará un 10% hasta que el tamaño horizontal sea lo suficientemente grande para mostrar la página sin una barra de desplazamiento horizontal.
Paso 2
Utilice la capacidad del navegador para manipular el código fuente de una página web y cambie los estilos de visualización especificados en él para que coincidan con el ancho de la ventana; algunos navegadores web tienen esta opción. Por ejemplo, en el navegador Opera, solo necesita hacer clic en el icono "Ajustar al ancho" y la barra de desplazamiento horizontal desaparecerá, y las columnas de la página vista cambiarán de tamaño. Si es necesario volver al diseño de página especificado por el creador, vuelva a hacer clic en este icono.
Paso 3
Al crear páginas web, use la propiedad CSS overflow-x para deshabilitar por la fuerza el desplazamiento horizontal de toda la página o sus elementos de bloque individuales. Esta propiedad se ha introducido en CSS desde la versión 3.0 y es compatible con todos los navegadores modernos. Los valores que se le pueden asignar son automático, oculto, scroll, visible. Si esta propiedad no se especifica en las descripciones de estilo, entonces se considera que tiene el valor auto, es decir, debería aparecer un desplazamiento horizontal cuando el contenido no se ajusta al ancho del elemento. Para deshabilitar el desplazamiento para absolutamente todos los casos, use el valor oculto. Por ejemplo:
cuerpo {overflow-x: hidden;}
