如何让div在高度变化时自动改变高度？

Question

我正在创建一个分部，其中有一些元素。对于下面的例子，一个分部内有一个句子。但是，当我通过ajax插入某些东西时，句子变得很长，似乎分区的高度不会改变。

<div style="width:300px;min-height:10px;background:red"> 
<div style="width:100px;height:inherit;background:blue;float:left"></div> 
<a style="width:100px;height:10px;float:left">The length of this sentence is always changing.</a> 
</div> 

Answer 1

你必须设置为DIV高度使用JavaScript或使用jQuery

一个ID分配给DIV如

<div style="width:300px;min-height:10px;background:red" id="test"> 
    <a>The length of this sentence is always changing.</a> 
</div> 

$.ajax({ 
    $(function() { 
     $("#test").width(100).height(200);//set height or width here 
    }); 
}); 

尝试在此处设置的高度...