╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → div IE6 高度问题


  共有19493人关注过本帖树形打印复制链接

主题:div IE6 高度问题

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
div IE6 高度问题  发帖心情 Post By:2011/12/11 13:01:24 [只看该作者]

<html xmlns=" http://www.w3.org/1999/xhtml">
<head>

<title>无标题文档</title>
<style>
.dd {
height:auto!important;
height:2px;
min-height:2px;
background-color:#000033;
}
</style>
</head>

<body>
<div class="dd"></div>
</body>
</html>

这个DIV的高 设置是2PX
但在IE6中变成了10PX
这个兼容问题怎样解决?
希望大家能帮忙

-----------
你在样式里面加上这个,经测试,是正确的: 

font-size:1px;  

要重新定义字体大小 。 因为不定义的话,系统默认好像是9pt,所以会把div撑开成9pt大小的空间

------------------------
IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。

该问题在 IE7 / Firefox /Opera 下均不存在。


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部