css - separation - Altura div: 0px no funciona?

paragraph separation css

Question

<div style="height:0px;max-height:0px">
</div>

Establecer una altura div a 0px no parece funcionar.

El div se expande para mostrar su contenido, ¿cómo evitamos que esto suceda?

Answer 1

Establecer overflow:hidden . De lo contrario, el contenido expandirá el elemento de envoltura.

Answer 2

Esto funciona para mí:

.zippy{
padding: 0;
height: 0;
overflow: hidden;
}

Gracias.

Answer 3

No estoy seguro de lo que estás tratando de hacer, fuera de contexto, pero prueba esto:

display:none;
overflow:hidden:
height:0;
line-height:0;
border:0;
margin:0;

Answer 4

No ha dicho qué navegador está usando, pero supongo que es el único navegador que conozco, y qué errores se cometen con la height min-height . Como todos los demás ya han dicho, overflow:hidden; funcionará, o line-height: 0; , pero solo necesitas uno de ellos.

height: 0; ajuste height: 0; ya habrá desencadenado los IEs hasLayout, por lo que no es necesario zoom:1; en este caso.

Answer 5

Para mí, en Windows 10, Firefox 58.0.1, no se escondería completamente a menos que use esto:

display: block !important;
line-height: 0 !important;
height: 0 !important;
overflow: hidden !important;
zoom: 1 !important;
padding: 0 !important;
margin-bottom: 0;
border: none;

Answer 6

Probar desbordamiento: oculto

Answer 7

Puedes intentar agregar "desbordamiento: oculto" al estilo

Answer 8

Si realmente quieres estar seguro de que no tendrá altura, podrías usar algo como esto:

display: block;
line-height:0;
height: 0;
overflow: hidden;

Si todavía tienes problemas con IE, también puedes agregar

zoom: 1;

a ella en una hoja de estilo dirigida a IE con un comentario condicional. Eso activará la propiedad hasLayout en IE.

Y muestra: ninguno no es lo mismo que configurarlo en altura cero. Solo mire las diversas soluciones de clearfix para un caso en el que no es esencial eliminarla del flujo.

Answer 9

Trate de establecer también la line-height: 0;

Y si quieres ocultar tu div completamente, usa display: none;

Answer 10

#yiv1734505183 .yiv1734505183portrait{
display:none;
font-size:0;
max-height:0;
line-height:0;
padding:0;
overflow:hidden;
}
@media (min-width:481px){
#yiv1734505183 .yiv1734505183mobile-hide{
display:block;
overflow:visible;
width:auto !important;
max-height:inherit !important;
min-height:auto !important;
}
}
@media (min-width:481px){
#yiv1734505183 .yiv1734505183portrait{
display:none;
font-size:0;
line-height:0;
min-height:0;
overflow