如何讓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 
    }); 
}); 

嘗試在此處設置的高度...