关注F2E-UED-SEO

今天碰到一个CSS问题
有背景图片的高度是350-400像素的，但是有些网页的内容也许没有400的高度
现在问题是
如果页面的内容div的高度小于等于400等于px的话，按400像素显示
如果页面的内容div的高度大于400高度，则自适应高度。

———————————————–
因为以前没碰到过，一时无从下手。群里一问
果然有大师级的人物给支招：
#view {height:auto !important
heigh:400px;
min-height:400px;}
第一句用important的Jhack限定了IE7及FF下的高度自适应
而第三句明确了在自适应前提下，最小高度是400px;
第二句则针对IE6—-IE6下内容高度增加,div随之撑开。无需定义。。。。

===========================================
最大高度的问题 原理差不多
只是代码如下
height:auto !important;
height:500px;
max-height:500px;
overflow:hidden;

解释
1、IE6不识别max-height:500px和height:auto !important这两句，超过500px（也就是我们所希望的最大高度）后的内容将自动以藏；

2、IE7及其他标准浏览器全部识别，所以有期望的效果。

但仍然存在一个问题：在没有任何内容的时候，IE6里还是会有500px的高度。因为IE6对!important的解释存在bug，这时IE6只认height:500px，而不认height:auto !important，所以在IE6里自然就出现500px的高度。