css - 如何让 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

您必须使用 javascript 或使用 jquery 设置 div 的高度

为 div 分配一个 ID 例如

 <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
   });
 });

尝试在这里设置高度...