As barras de rolagem são usadas para alterar o posicionamento do conteúdo exibido na janela do aplicativo, geralmente a página do documento. Por padrão, eles aparecem automaticamente nos casos em que a largura ou altura da janela não é suficiente para exibir toda a página aberta. Portanto, para se livrar da barra de rolagem horizontal, você precisa alterar a largura da página ou da janela do aplicativo na qual ela está aberta.
Instruções
Passo 1
Reduzir a página - esta é a maneira mais fácil de remover a barra de rolagem horizontal ao visualizar a página. Em qualquer navegador, isso pode ser feito girando a roda do mouse em sua direção enquanto mantém pressionada a tecla ctrl. Muitos editores de texto (por exemplo, Microsoft Word) também oferecem suporte a esse controle de zoom da página. Em navegadores, você também pode usar a tecla menos em vez do mouse. Cada clique ou giro da roda uma parada diminuirá o zoom de 10% até que o tamanho horizontal seja grande o suficiente para exibir a página sem uma barra de rolagem horizontal.
Passo 2
Use a capacidade do navegador de adulterar o código-fonte de uma página da web e alterar os estilos de exibição especificados nela para corresponder à largura da janela - alguns navegadores da web têm essa opção. Por exemplo, no navegador Opera, você só precisa clicar no ícone "Ajustar à largura" e a barra de rolagem horizontal desaparecerá e as colunas da página visualizada mudarão de tamanho. Se for necessário retornar ao layout de página especificado pelo criador, clique neste ícone novamente.
etapa 3
Ao criar páginas da web, use a propriedade CSS overflow-x para desabilitar forçosamente a rolagem horizontal de toda a página ou de seus elementos de bloco individuais. Esta propriedade foi introduzida no CSS desde a versão 3.0 e é compatível com todos os navegadores modernos. Os valores que podem ser atribuídos a ele são auto, hidden, scroll, visible. Se esta propriedade não for especificada nas descrições de estilo, considera-se que tem o valor auto, ou seja, a rolagem horizontal deve aparecer quando o conteúdo não se ajustar à largura do elemento. Para desabilitar a rolagem para absolutamente todos os casos, use o valor oculto. Por exemplo:
corpo {overflow-x: oculto;}
