普通的Div都可以自动延伸，但让Div有一个固定高度，在内容增多时自动伸展，并且兼容多浏览器该怎么做呢？很简单，代码如下：?
  .div {width:200px;height:200px;height:auto;min-height:200px;} 
这段CSS代码是利用CSS书写顺序和浏览器的特殊兼容性改变其对CSS的解析做到的，它可以在IE6、IE7、Firefox等浏览器中正常显示。下面来解释一下：height:200px定义了div的高度为200像素，这句代码对所有浏览器有效。但div的内容超过200像素时，IE6浏览器中的容器会自动伸展，IE7、Firefox等现代浏览器则不会向下伸展，内容溢出容器。如上图中溢出状态图示。height:auto对IE6浏览器不起作用，但对IE7、Firefox等浏览器起作用，可以修复溢出效果，但到这一步由于auto起到了作用，在IE7和Firefox中Div又没有了高度，所以在后面还要加一句min-height:200px来让这个div的最小高度为200像素。这种方法看似没有用到CSS hack，但其实这也算是CSS hack的一种，因为它是利用CSS书写顺序达到的效果。有兴趣的朋友可以看前面CSS hack的相关文章。

兼容多浏览器的Div高度自动伸展效果_DREAMWEAVER_教育_阿邦网 兼容性好，自动置顶的淘宝悬浮工具栏,DIV绝对置顶（兼容IE,FF) - 李小波 ZCMS弹出框效果（兼容主流浏览器） DIV布局兼容 如何处理浏览器兼容 CSS浏览器兼容汇总 - 做最好的自己 - CSDN博客 兼容IE6浏览器常用的十条CSS代码 Div+CSS规则整理之七-浏览器的兼容性问题 div+css - Firefox和IE浏览器兼容问题 - 用CSS实现cellSpacing属性效果 js获取浏览器高度和宽度值(多浏览器) div+CSS浏览器兼容问题整理 让图片居中兼容多种浏览器 IE等浏览器不能自动保存网址的解决方法 IE浏览器打不开或自动关闭故障的解决方法 让IE8自动使用兼容模式显示网页的方法2 古人教育子女的深度和高度 js获得浏览器高度和宽度 参数 JS获取屏幕，浏览器，网页高度宽度 图片浏览器（可改变宽度、高度） 关于打开某些网站ie等浏览器无法打开最终就自动关闭的一种解决办法 解决打开浏览器自动弹出其他网页的4种办法 解决打开浏览器自动弹出其他网页的4种办法0 引用 解决打开浏览器自动弹出其他网页的4种办法 解决打开浏览器自动弹出其他网页的4种办法