Altezza div: 0px non funziona?

Impostare un’altezza div a 0 px non sembra funzionare.

Il div si espande per mostrare il suo contenuto, come possiamo evitare che ciò accada?

Se vuoi essere sicuro che non avrà altezza potresti usare qualcosa del genere:

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

Se hai ancora problemi con IE, puoi anche aggiungere

 zoom: 1; 

ad esso in un foglio di stile indirizzato a IE con un commento condizionale. Questo innescherà la proprietà hasLayout in IE.

E visualizza: nessuno non equivale a impostarlo su altezza zero. Basta guardare le varie soluzioni di clearfix per un caso in cui non rimuoverlo dal stream è cruciale.

Imposta overflow:hidden . Altrimenti il ​​contenuto espanderà l’elemento di avvolgimento.

Prova anche a impostare l’ line-height: 0;

E se vuoi hide completamente il tuo div , usa display: none;

Prova overflow: nascosto

Potresti provare ad aggiungere “overflow: hidden” allo stile

Non sei sicuro di cosa stai cercando di fare, fuori dal contesto, ma prova questo:

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

Non hai detto quale browser stai usando, ma sto assumendo IE, in quanto è l’unico browser che conosco quale height errori per height min-height . Come tutti gli altri hanno già detto, overflow:hidden; funzionerà, o line-height: 0; , ma hai solo bisogno di uno di loro.

height: 0; regolazione height: 0; avrà già triggersto IE hasLayout, quindi nessuna necessità di zoom:1; in questo caso.

 #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 

Questo funziona per me:

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

Grazie.

Per me, su Windows 10, Firefox 58.0.1, non si hidebbe completamente a meno che non si usi questo:

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