Question

css，DIV框内块元素增加，这个DIV的框高也随着增加。

css，DIV框内块元素增加，这个DIV的框高(height)也随着增加。这个怎么写？

#big{width:100px; height:300px; background:red;}
#sa{width:100px; height:280px; background:green;}

<div id="big">
<div id="sa">1</div>

<div id="sa">2</div>

<div id="sa">3</div>

</div>

Answer 1

　　你好！你是否说的是big样式里的高度根据sa样式中所涉及的内容个数的高度相匹配，是这样的吧。那这个就很容易了，我看了一下你sa样式，没有涉及到浮动float的写入，所以这样你就可以很放心的将其big样式中的height:300px去掉，因为你存在height:300px的话，那你这个DIV高度就被限制住了，无法进行匹配了，只要你去掉高度，就可以根据里层div的多少而增加适当高度了。
　　如果你还是不放心，考虑到兼容性的问题的话，那你可以将big里的样式加入height:auto; overflow:auto，完整写成：
　　#big{width:100px; height:auto; overflow:auto; background:red;}

　　如果你还考虑如果我在sa样式中加入float怎么办，那没有关系，因为你已经在big中加入oveflow:auto的值了，这个可以适应高度的。

　　希望我的回答能令你满意！

Answer 2

保持纵横比不变，高度自动适应 参照这样的写法

<style type="text/css">
img {
max-width: 200px;
width:expression(this.width > 200 ? "200px" : (this.width+"px"));
}
</style>
<img src="http://gg.blueidea.com/2006/gongyi/banner.jpg"/>

Answer 3

#big中不定义高度,或定义最小高度,如
#big{width:100px; background:red;}
或
#big{width:100px; min-height:300px; background:red;}

Answer 4

你把“#big”里面的height去掉就可以了。以后写代码的时候要想高度自动，就不要定义高度，如果宽度没定义，会以父元素的宽度为最大宽度，如果里面的元素浮动，此时就要“浮动闭合”。

Answer 5

#big{width:100px; background:red;}
去掉height

Answer 6

这个div不限定高度，就好了