Altura de Div .: 0px no funciona?

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

Establecer una altura div a 0px no parece funcionar.Altura de Div .: 0px no funciona?

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

Fuente

2009-06-04 Ngm

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

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

Si sigue teniendo problemas en IE, también se puede añadir

zoom: 1;

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

Y pantalla: ninguno no es lo mismo que establecerlo en altura cero. Basta con ver las diferentes soluciones de clearfix para un caso en el que no eliminarlo del flujo es crucial.

Fuente

2009-06-04 17:12:28

; también querría asegurarse de que el relleno: 0; honestamente la manera más fácil de manejar problemas como este es comenzar siempre con un reinicio.css - hace que la depuración de estas cosas para el cumplimiento de x-browser sea mucho más fácil – knight0323

es posible que desee agregar position: relative; también. parece que también se requiere en algunos casos. – OpaCitiZen

Gracias, esto funcionó para mí. –

Conjunto overflow:hidden. De lo contrario, el contenido expandirá el elemento de ajuste.

Fuente

2009-06-04 14:11:01 Gumbo

No, el contenido se desbordará el elemento de envoltura y ser visible fuera de ella. El contenedor no se expandirá (excepto en algunos navegadores de Microsoft (pero no en algunos modos de renderizado)). – Quentin

Try overflow: hidden

Fuente

2009-06-04 14:11:30 Roman

Usted podría intentar agregar "overflow: hidden" al estilo

Fuente

2009-06-04 14:12:05

intenta establecer también line-height: 0;

Y si desea ocultar su div por completo, utilice display: none;

Fuente

2009-06-04 14:12:48

Parece que lo que el OP realmente quiere es "display: none;". –

Tengo el mismo requisito, la 'pantalla: ninguna' hizo que funcionase para mí –

No ha dicho qué navegador está utilizando, pero estoy asumiendo IE, ya que es el único navegador que conozco de los errores height para min-height. Como todos los demás ya han dicho, overflow:hidden; funcionará, o line-height: 0;, pero solo necesita uno de ellos.

La configuración height: 0; ya habrá disparado IEs hasLayout, por lo que no es necesario zoom:1; en este caso.

Fuente

2009-06-06 16:44:21 Eystein

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

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

Fuente

2009-06-07 16:49:02

con 'display: none' no se debe indicar ninguna de las otras propiedades –

#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

Fuente

2016-07-19 09:09:50 Rosy

Esto funciona para mí:

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

Gracias.

Fuente

2016-08-26 07:30:56 Eddy

Para mí, en Windows 10, Firefox 58.0.1, sería no ocultar por completo 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;

Fuente

2018-02-01 09:26:27

Respuesta

Cuestiones relacionadas