正 文

在IE6环境下使用min-height的方法


www.7dspace.com  更新日期:2006-1-3 1:18:57  七度空间


min-height实现起来相对容易,cssplay上已经给出了方法:

/* for understanding browsers */
.container { width:20em; padding:0.5em; border:1px solid #000; min-height:50px; height:auto;}
/* for Internet Explorer */
/*\*/
* html .container { height:50px;}
/**/

在IE环境下,其实height就几乎就等于是min-height,指定容器高度后,当内容撑大时有自动延伸的特质。在FF内不会,而是显示固定height值。

min-height:8em; 在IE下不做解析,height:8em; 是专为IE定义的,height:auto;应该是兼容性定义。

.beispieldiv { min-height:150px; height:auto; background:#f00;}
* html .beispieldiv { height:150px; } /* nur für IE 5.5 - 6.x */
html + body .beispieldiv { height:150px; } /* nur vom IE 5.0 */


上一篇:容器高度100%的绝对定位布局
下一篇:非图片、滤镜制作的阴影窗口效果
作者:  来源:blog ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐