如何使用jQuery从DIV中删除高度样式？

默认情况下，DIV的高度由其内容决定。如何使用jQuery从DIV中删除高度样式？

但是，我重写，并明确设置使用jQuery的高度：

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

我怎样才能扭转？我想删除高度样式并使其恢复到自动/自然高度？

来源

2009-04-29 Zack Peterson

我不能让这个工作。看起来，你设置div的高度后，特定的东西（如300像素或其他），你不能将高度设置为自动。可能是一个jQuery错误。 – 2009-11-06 15:09:24

可能像

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

来源

2009-04-29 20:53:28

这将覆盖应该应用的现有CSS规则，这可能是一个问题。 – 2015-09-11 04:22:20

-6

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

来源

2009-04-30 05:03:06 rahul

我不认为这将适用于嵌入在一个样式属性中的CSS高度样式... – topwik 2011-11-01 18:28:39

是的，这**不**工作。 – 2012-11-27 16:15:12

如果有什么，你想要removeAttr（“风格”） – mindwire22 2014-01-10 23:59:40

要重置div的高度，只是尽量

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

来源

2009-04-30 05:13:57 SvenFinke

实际上，这确实有用。见上面的答案。 – nonrectangular 2013-06-13 16:13:15

删除高度：

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

像乔HN指出，设置高度auto：

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

（检查与jQuery 1.4）

来源

2010-02-13 14:49:32 user268828

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

我喜欢用这个，因为它是对称的，你如何明确使用.height（VAL）进行设置首先，并且跨浏览器工作。

来源

2011-07-04 17:28:21 nonrectangular

你可以试试这个：

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

来源

2014-07-17 16:45:36 Byron

只是添加到答案在这里，我用的是高度有两个选项的功能或者指定高度如果小于窗口的高度，或者设置回自动

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

我需要垂直居中的内容，如果它比窗口的高度较小，否则让它自然滚动，这是我想出了

来源

2015-04-30 16:10:39

感谢大家展示所有这些例子。我是仍然在尝试你的例子后，在我的小型媒体屏幕（如480像素以下）的联系人页面出现问题。 Bootstrap不断插入height: auto。

元督察/ Devtools将呈现高度：

element.style { 

}

在我来说，我看到：在浏览器窗口section#contact.contact-container | 303 x 743。

所以下面的长篇作品，以消除此问题：

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

来源

2017-01-09 23:22:51

$（ '＃DIV someDiv'）的CSS（ '高度'， ''）;

来源

2017-05-09 12:27:27

如何使用jQuery从DIV中删除高度样式？

回答

相关问题