Como esconder um div estouro

Cascading Style Sheets projeto ajuda Web.

Conhecimento de CSS (Cascading Style Sheets) dá o web designer poder quase mágico sobre o formato do conteúdo da página Web. A designer qualificado em CSS pode até mesmo fazer texto e outros conteúdos parecem desaparecer.


O DIV propriedade CSS (divisão página da Web), permite dividir seu conteúdo em blocos discretos. Cada bloco pode ser formatado e estilo. O design de uma página Web, muitas vezes determina que blocos de conteúdo encaixam em fendas predeterminados de uma altura e largura específica. Às vezes, a quantidade de conteúdo em um bloco de exceder o espaço alocado para ele. Quando isso acontece, o excesso de conteúdo será "atropelar" e cobrir o conteúdo abaixo dela. O visitante da página Web verá uma bagunça confusa com o conteúdo que abrange outros conteúdos. A propriedade CSS "transbordar" fornece uma maneira de impedir que isto aconteça.

Coisas que você precisa

  • software de edição de HTML
  • navegador da web
  • Abra o seu aplicativo de edição de HTML. Carregar a página Web que contém o DIV que deseja editar. Se você estiver usando um WYSIWYG (What You See Is What You Get) editor, mude para o modo de HTML ou de origem para que você pode ver e editar o código HTML real.



  • Selecione o DIV que você deseja aplicar o "transbordar" propriedade para. A altura do DIV deve ser fixada a uma altura específica usando a propriedade CSS, "altura". Por exemplo, se você quer que seu DIV para ser 200 pixels de altura, adicione este estilo CSS: "

    ."

  • Adicione o seguinte valor para a propriedade de estilo DIV: "overflow: hidden-". A propriedade CSS DIV "transbordar" permite-lhe controlar a quantidade de conteúdo exibido e evitar conteúdo "atropelado." A propriedade "transbordar" tem vários valores para o designer para escolher: visível, escondido, rolo, auto e herdar. o "transbordar" valor da propriedade "escondido" corta a exibição de conteúdo na altura DIV predeterminado. Por exemplo, se o seu DIV tem uma largura de 400 pixels e uma altura de 200 pixels seu DIV seria: "

    ."

  • Salve o arquivo. Teste o seu design. Abra o seu navegador da Web e carregar a página Web em que você trabalhou. Qualquer conteúdo que não se encaixa dentro do limite de 200-pixel definido será cortada ou escondido da vista. O conteúdo over-flowing ainda está lá, mas o visitante da página Web não vai vê-lo. Ajuste a altura do DIV até que você pode exibir a maior quantidade de conteúdo no espaço de seu design de página permite.

dicas & avisos

  • Outra propriedade do "transbordar" adiciona barras de rolagem para o seu DIV. adicionando "overflow: rolagem" ao seu conteúdo DIV permite que o visitante use as barras de rolagem para ver todo o conteúdo.
De esta maneira? Compartilhar em redes sociais:

LiveInternet