×

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

作者:Terry2013.03.05来源:Web前端之家浏览:18769评论:0
关键词:浏览器

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

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

CSS:

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

html:

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

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/min-height.html

网友评论文明上网理性发言已有0人参与

发表评论: