CSS设定,最低高度和自动增加高度怎么做?

html-css05

CSS设定,最低高度和自动增加高度怎么做?,第1张

HTML

<div class="div1">

</div>

CSS

.div1 {

min-height: 30px/*最小高度30像素*/

}

设置min-height后,默认最小高度为30像素。内容增加后,div高度也会容增加。

注意:ie6 不支持min-height属性。

给ie6加个高度,这样ie6里它的高度确定了,如果比这个高度小就认这个高度,如果超出这个高度会自动伸展

min-height:200px_height:200px

看见网上也有加height:auto !important和overflow:visible的,都是为了超出高度的时候不至于出问题,我暂时没有遇到过,你可以参考着看加哪个合适。

min-height:200px /*高度最小值设置为:100px*/

height:auto !important/*兼容FF,IE7也支持 !important标签*/

height:200px/*兼容ie6*/

overflow:visible

min-height就是你的层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。

max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。

line-height是行高,就是针对文本的,即一行文字的行高,是以该标签中文字大小font-size做比较的,例如line-height=200%;就是让行高是文字大小的两倍。(不同浏览器默认的行高不一样哈~~)