当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

最小高问题min-height 兼容所有浏览器

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-4 8:48:55

-->

IE6问题先前讨论过好多了,今天在做个项目的时候发现最小高(min-height)的问题,设置min-height:100px这样的话ie6会不兼容了,如果直接用height:100px;的话其他浏览器又不兼容了。其实仔细分析一下浏览器对height和min-height这两个属性的解析。min-height除了ie6之外都兼容,而height在各个浏览器的解析不一样,ie6会被撑开其他浏览器不会被撑开如下图:

解决办法(min-height:100px;_height:100px;):

.minheight{ border:1px solid #999; min-height:100px;_height:100px; width:100px; overflow:visible;}

<div class="minheight">
   最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高最小高
</div>

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.jiangweishan.com/article/min-height.html


最小高问题min-height 兼容所有浏览器