站长论坛

标题: min-height最小高度（兼容IE6、IE7、IE8 RC1、FF） [打印本页]

作者: lbsong 时间: 2011-3-6 21:37
标题: min-height最小高度（兼容IE6、IE7、IE8 RC1、FF）
利用了ie6 !important bug 和min-height不认识的bug及ie6当高度为固定内容超过时自动撑开的特性，总的来说都是为了ie6才用这种方法的。

#divBox {
background:#ddd;
min-height:250px;
height:auto !important;
height:250px;
overflow:visible;
}

IE6对于overflow的特殊实现，给实现min-height提供了一个思路。

ie6下的max-width;max-height;min-width;min-height
img {

max-width:200px;

max-height:132px;

min-width:100px;

min-height:100px;

cursor:pointer;

border:1px dashed #4E6973;

padding: 3px;

zoom:expression( function(elm) {

      if(elm.width>0 && elm.height>0)

      {

         var max_width = 200;

         var max_height = 132;

         var min_width = 100;

         var min_height = 100;

         //min

         if(elm.width/elm.height<=min_width/min_height)

         {

            if(elm.width<min_width)

            {

               elm.width=min_width;

               elm.height=(elm.height/min_width)*elm.width;

            }

         }

         else

         {

            if(elm.height<min_height)

            {

               elm.height=min_height;

               elm.width=(elm.width/min_height)*elm.height;

            }

         }

         //max

         if(elm.width/elm.height>=max_width/max_height)

         {

            if(elm.width>max_width)

            {

               elm.width=max_width;

               elm.height=(elm.height*max_width)/elm.width;

            }

         }

         else

         {

            if(elm.height>max_height)

            {

               elm.height=max_height;

               elm.width=(elm.width*max_height)/elm.height;

            }

         }

         elm.style.zoom = '1';

      }

   }(this));

}

欢迎光临站长论坛 (http://www.tzlink.com/bbs/)