如何根据内容增加div的高度？

Question

我有一个div，其中有一个学生注册表格，包括文本框，下拉列表等。现在很少有像两个或三个文本框这样的元素不会出现在每个表单中。如何使用css

基于内容动态设置高度

Answer 1

您可以在css中将高度设置为自动。这将根据内容增加div的高度。

<div id=div1 class=content1> <div id=div2>
<form>
<label>First Name</label>
<input type=text>
<label>Last Name</label>
<input type=text>
<label>Last Name</label>
<input type=text>
<label>Last Name</label>
<input type=text>
</form>
</div></div>
<style>
#div2{
 width:300px;
 height:auto;
}
</style>

以上是内联css的示例。您也可以使用外部或内部css。