杨思为 | 我们一家

解决IE6无法实现min-height的方法

在IE6中没有min-height,只能通过height来设定默认的高度。因此要通过hack来实现IE实现min-height,以下是我在页面布局实战中用到的一些方法。

一、利用!important

原理是IE6不支持“!important”,而其它主流浏览器基本都支持。所以得到以下的代码。

#container {

    height: auto!important;          /* */

    min-height: 300px;                 /*其它非IE浏览器*/

    height: 300px;                            /* IE6浏览器 */

}

二、利用IE特有的“* html”CSS标记

原理是利用只有IE浏览器支持的“* html”选择符来对IE浏览器设定特定的高度,代码如下:

#container {

    min-height: 300px; /* 所有支持min-height的浏览器 */

}

/**  IE 浏览器min-height**/

/*\*/

* html #container {

      height: 300px;

}

/**/

以上两种方式在我实际应用中都可以为IE实现min-height,常用的主要是第二种方式。

作者: 分类:WEB应用 标签: 时间:2009年9月10日

当前位置:首页>开发研究>WEB应用>

上一篇:

下一篇:

  1. 没有任何评论。
  1. 没有任何引用。

热门文章