Como previnir que um DIV sobreponha o CSS

Escrito por jim campbell | Traduzido por caio borges
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como previnir que um DIV sobreponha o CSS
Os elementos de etiqueta "Div" fornecem contêineres aos desenvolvedores de HTML (Jupiterimages/Creatas/Getty Images)

Os elementos de etiqueta "Div" fornecem contêineres aos desenvolvedores de HTML, tornando possível formatar textos e leiautes nas suas páginas de web. A configuração padrão para um div, permite que o texto se sobreponha sobre os outros elementos div nas páginas. É possível anular esse padrão, configurando a propriedade "overflow" (transbordar) para deslizar ou cortar o texto sobreposto. Isso significa que uma barra de rolagem será mostrada ou o texto será cortado, se ele ultrapassar a largura ou a altura do elemento div.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Clique com o botão direito no arquivo HTML que contém o elemento div que você deseja editar. Clique em "Open With" (Abrir com) no menu instantâneo. Clique duas vezes no editor HTML que deseja usar para editar a etiqueta de propriedades div.

  2. 2

    Deslize para baixo a página de HTML até o div que você deseja editar. Também é possível fazer uma procura rápida pelo elemento, pressionando "Ctrl" e "F". Essa combinação de teclas abre a caixa de texto "Find" (Procurar). Digite o nome da etiqueta div na caixa de texto e pressione "Enter".

  3. 3

    Digite o seguinte código CSS na etiqueta div, para adicionar uma barra de rolagem ao elemento, se o texto transbordar:

    overflow:scroll;

    Se quiser cortar o texto e deixar de fora a barra de rolagem, use o seguinte código CSS:

    overflow:hidden;

  4. 4

    Pressione a combinação "Ctrl" e "S" para salvar as mudanças. Se deseja visualizar as mudanças antes de publicá-las no seu site, clique duas vezes no arquivo HTML no seu HD, para visualizá-lo no seu navegador.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível