在IE6环境下运用min-height的方法
日期：2013-10-11 浏览次数：21142 次
前段时间写有一篇“在IE6环境下使用min-width的方法”，得到众人批评，呵呵，确实只是研讨而已，不怎样实用。
min-height实现起来绝对容易，cssplay上曾经给出了方法：
在IE环境下，其实height就几乎就等于是min-height，指定容器高度后，当内容撑大时有自动延伸的特质。在FF内不会，而是显示固定height值。
min-height:8em; 在IE下不做解析，height:8em; 是专为IE定义的，height:auto;应该是兼容性定义。
05.12.12
效果演示：http://www.rexsong.com/blog/attachments/200512/14_104006_minheight.htm
Referrence
min-height for internet explorer http://www.cssplay.co.uk/boxes/minheight.html
CSS-Browser-Bugs CSS-Browser-Bugs.htm href="http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm" target=_blank>http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm
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;}
/**/
.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;应该是兼容性定义。
05.12.12
.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 */
* html .beispieldiv { height:150px; } /* nur für IE 5.5 - 6.x */
html + body .beispieldiv { height:150px; } /* nur vom IE 5.0 */
效果演示：http://www.rexsong.com/blog/attachments/200512/14_104006_minheight.htm
Referrence
min-height for internet explorer http://www.cssplay.co.uk/boxes/minheight.html
CSS-Browser-Bugs CSS-Browser-Bugs.htm href="http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm" target=_blank>http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
