¿Cómo elimino el estilo de altura de un DIV usando jQuery?

De forma predeterminada, la altura de un DIV viene determinada por su contenido.¿Cómo elimino el estilo de altura de un DIV usando jQuery?

Pero, puedo reemplazar y que establece explícitamente una altura con jQuery:

$('div#someDiv').height(someNumberOfPixels);

¿Cómo puedo revertir eso? Quiero eliminar el estilo de altura y hacer que regrese a su altura automática/natural?

Fuente

2009-04-29 Zack Peterson

No puedo hacer que esto funcione tampoco. Parece que después de establecer la altura del div a algo específico (como 300px o lo que sea), no puede establecer la altura de nuevo en automático. Podría ser un error jQuery. –

tal vez algo como

$('div#someDiv').css("height", "auto");

Fuente

2009-04-29 20:53:28

Eso anulará cualquier regla de CSS existente que deba aplicarse, lo que puede ser un problema. –

-6

$('div#someDiv').removeAttr("height");

Fuente

2009-04-30 05:03:06 rahul

no creo que esto funcione para un estilo de altura CSS que está incrustado dentro de un atributo de estilo ... – topwik

Sí, esto ** no ** funciona. –

En todo caso, querría quitarAttr ("estilo") – mindwire22

Para restablecer la altura del div, sólo tratar

$("#someDiv").height('auto');

Fuente

2009-04-30 05:13:57 SvenFinke

En realidad , esto funciona Ver respuesta arriba. – nonrectangular

Este es un duplicado de la respuesta de @norectangular, que es anterior a esta edición. –

para quitar la altura:

$('div#someDiv').css('height', ''); 
$('div#someDiv').css('height', null);

como Jo hn señalado, ajuste de altura para auto:

$('div#someDiv').css('height', 'auto');

(comprobado con jQuery 1,4)

Fuente

2010-02-13 14:49:32 user268828

Puedo confirmar que esto funciona (al menos jQuery 1.4.2). –

Dio tres soluciones, puedo confirmar que el ajuste de altura para "" funciona, no sé sobre las demás. –

En jQuery 1.9 usando '' pero usando 'null' no. –

$('div#someDiv').height('auto');

me gusta usar esto, porque es simétrica con la forma en que explícitamente .height utilizado (val) para configurarlo en primer lugar, y funciona en todos los navegadores.

Fuente

2011-07-04 17:28:21 nonrectangular

Esto fuerza la altura a la altura automática, anulando cualquier CSS existente reglas. Eso puede estar bien en algunas instancias específicas, pero en general podría causar problemas. –

@BennettMcElwee En realidad estoy luchando con el problema que describes ahora. Entonces +1 por eso. –

puede probar esto:

$('div#someDiv').height('');

Fuente

2014-07-17 16:45:36 Byron

que debería ser correcto, ya que este elimina el valor de estilo css(), es útil para cambiar el tamaño con js :) Saludos, gracias –

sólo para añadir a las respuestas aquí, yo estaba usando la altura como una función con dos opciones o bien especificar la altura si es menor que la altura de la ventana, o un conjunto de nuevo a automático

var windowHeight = $(window).height(); 
$('div#someDiv').height(function(){ 
    if ($(this).height() < windowHeight) 
     return windowHeight; 
    return 'auto'; 
});

necesitaba para centrar el contenido verticalmente si era menor que la altura de la ventana o de lo contrario dejar que desplazarse de forma natural así que esto es lo que me ocurrió con

Fuente

2015-04-30 16:10:39

Gracias chicos por mostrar todos esos ejemplos. Estuve todavía teniendo problemas con mi página de contacto en pantallas de medios pequeños, como por debajo de 480px después de probar sus ejemplos. Bootstrap siguió insertando height: auto.

Elemento Inspector/Devtools mostrará en la altura:

element.style { 

}

En mi caso, yo estaba viendo: section#contact.contact-container | 303 x 743 en la ventana del navegador.

Así que la siguiente larga duración trabaja para eliminar el problema:.

$('section#contact.contact-container').height('');

Fuente

2017-01-09 23:22:51

$ ('div # someDiv') css ('altura', '');

Fuente

2017-05-09 12:27:27

¿Cómo elimino el estilo de altura de un DIV usando jQuery?

Respuesta

Cuestiones relacionadas