CSS的height和min-height如何正确使用?

发布时间:2020-08-15编辑:脚本学堂
本文主要讲css中height和min-height需要不同浏览器兼容时的使用方法,需要的朋友不要错过。

在只兼容ie6的时候完全不用注意min-height这个样式,ie6并不支持这个样式。
在你的页面需要照顾到ie7和ff的时候,这个样式一定要注意。因为很多在ie6下设置了height=固定值,当容器被里面的东西大于这个高度的时候,ie7和ff是不会自适应高度
。从而会导致整个布局的混乱。要想在ie6,ie7和ff中都可以自适应高度,正确的做法是设置min-height和用cssHack设置height。
如下所示写法:
      min-height:600px;
      _height:600px;

当容器里面的东西很少的时候,它显示固定高度600px,而里面的东西很多的时候,就会自适应的增长高度。

对于height的设置一定要注意,如果是布局用的容器height则更需要特别的注意,不然在ff中会导致无法浮起,从而使整个布局处于一片混乱状态。