联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

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

作者:98wpeu发布时间:2026-05-13分类:网页前端技术浏览:4


导读:IE6问题先前讨论过好多了,今天在做个项目的时候发现最小高(min-height)的问题,设置min-height:100px这样的话ie6会不兼容了,如果直接用height:10...

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>


网页前端技术排行
最近发表
网站分类
标签列表