css： - 将{height：fixed}更改为{height：fit to content}

Question

<div> line 1 <br>
  line 2  <br>
  line 3  <br>
  line 4  <br>
  ...     ...
</div

CSS： -

div {
  line-height: 20px;
  height: 80px;
}

jQuery：

$('div').css('height', xxx)

我可以使用上面的jQuery代码或任何其他代码，使div的height再次灵活，即适合内容而不是手动预定吗？

Answer 1

应用auto height的默认值来实现：

$('div').css('height', 'auto')

Answer 2

在CSS文件中创建名为“flexible”的第二个类声明

.flexible{
  height: auto !important;
}

然后使用jQuery添加类

$('div').addClass('flexible');

http://jsfiddle.net/WQcHs/