Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Worn

Ignorar div

Por , em Desenvolvimento frontend

Recommended Posts

Worn    1

Worn
Postado

Olá, eu estou montando meu layout responsivo, porém eu criei uma div para aparecer somente ele em dispositivos, até ai tudo bem.

 

Defini ele como visibility: hidden; para monitores maiores, mais a div ainda continua ocupando espaço, ou seja, se ela tem uma largura de 500px; eu ocultei ela, mais o espaço dela continua, queria saber se á alguma forma de ignorar essa div, e nesse espaço que não aparece não eu por algo por cima.

Compartilhar este post

Link para o post
Compartilhar em outros sites

codercss    14

codercss
Postado

Olá,

 

De responsive não percebo muito. Mas pelo que percebo de css a propriedade "visibility: hidden" apenas oculta o elemento no momento do desenho da página (quando o html e o css se juntam).

 

Experimente assim: display: none;

Faça debug neste código e veja a diferença entre as propriedades display e visibility:

 

<!DOCTYPE html>
<html>
<head>
<style>
.none {
    display: none;
}

.hidden {
    visibility: hidden;
}
</style>
</head>
<body>

<div class="none">
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
</div>

<div class="hidden">
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
</div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito