HTML
<div class="div1">
</div>
CSS
.div1 {
min-height: 30px/*最小高度30像素*/
}
设置min-height后，默认最小高度为30像素。内容增加后，div高度也会容增加。
注意：ie6 不支持min-height属性。
高度用百分比：<div id="a"><div>Div2</div></div>
#a{height: 50%}
#a div{height: 50%}
按上面的意思，外面div应该等于网页高度的一半，里面div高度为网页高度的4/1，然而你会发现并不生效，原因是高度需要从外到内一层一层的继承，里面的div设百分比高度才会有效吗，所以你得给body或html先声明个样式：body{height: 100%}。
很多时候，网页内容多少在变化高度也在变，每个页面高度并不是统一的，用这个代码还是会产生不一样的内层div高度。
网页高度自适应，基本上忘了css吧，很多设计情况下css不管用，写几段js动态判断需求再动态的算出高度赋值给div。
默认情况下，图片只需要设置宽度，高度就会自动等比例调整，同理，只设置高度，宽度也会自动等比例调整，如果同时设置宽度和高度，那么就要自己计算好宽高比例，否则的话图片就有可能会发生变形。因此通常情况下宽度和高度只需要设置其中一项即可。以上描述不适用于除图片外的其他元素。
