http://goodboy5264.blog.163.com/blog/static/2538298201042015757859/
一 般企业的网站二级页面的文章是不知道多少内容更不知道div需要设置多少才能适应文章高度的,我们做静态页的时候为了美观还不能不设置高度,怎么才能解决 这个问题呢?我这里用到了min-height这个css属性,但是ie6不支持这个属性怎么办?只能写浏览器兼容了。
CSS代码
.div{
height:auto !important;
height:600px;
min-height:600px;
}
!important是火狐的属性,也就是说当ie浏览器浏览时直接跳过 height:auto !important; 这段而执行 height:600px; ie中默认div自适应文章高度的,当内容变长时会自动拉高div高度。
当火狐浏览器浏览时会执行 height:auto !important; 和 min-height:600px; 。
这样div在IE与firefox中都会有一个最小高度,且高度会自适应内容的长度。
高兴今天终于有解决了一个问题哈哈,以前div做这部分功能的时候总是不设高度,当无数据时页面就不怎么好看了呵呵。css和div学的比较浅显很多东西都是在学习和整理在应用,大家如果有问题多多提出我们一起解决问题哦!