当内容的高度发生变化时,如何使div自动更改高度?

时间:2013-03-19 06:28:56

标签: css html

我正在创建一个部门,其中有一些元素。对于下面的示例,分区内有一个句子。然而,当我通过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>

1 个答案:

答案 0 :(得分:0)

你必须使用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
   });
 });

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