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

jquery height

Question

Por defecto, la altura de un DIV está determinada por su contenido.

Pero, lo anulo y establezco una altura explícita 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?

Answer 1

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

Answer 2

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

Element Inspector / Devtools mostrará la altura en:

element.style {

}

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

Entonces, los siguientes trabajos completos para eliminar el problema:

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

Answer 3

Para restablecer la altura del div, solo inténtalo

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

Answer 4

para eliminar la altura:

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

como señaló John, configure la altura en auto :

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

(verificado con jQuery 1.4)

Answer 5

puedes probar esto:

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

Answer 6

solo para agregar a las respuestas aquí, estaba usando la altura como una función con dos opciones, ya sea que especifique la altura si es menor que la altura de la ventana o que vuelva a establecerla automáticamente

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

Necesitaba centrar el contenido verticalmente si era más pequeño que la altura de la ventana o dejarlo desplazarse de forma natural, así que esto es lo que se me ocurrió

Answer 7

tal vez algo como

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

Answer 8

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

Me gusta usar esto, porque es simétrico con la forma en que usaste explícitamente .height (val) para establecerlo en primer lugar, y funciona en todos los navegadores.

Answer 9

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