IE6问题先前讨论过好多了,今天在做个项目的时候发现最小高(min-height)的问题,设置min-height:100px这样的话ie6会不兼容了,如果直接用height:100px;的话其他浏览器又不兼容了。其实仔细分析一下浏览器对height和min-height这两个属性的解析。min-height除了ie6之外都兼容,而height在各个浏览器的解析不一样,ie6会被撑开其他浏览器不会被撑开如下图:
解决办法(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>
网友评论文明上网理性发言已有0人参与
发表评论: