div IE6 高度问题
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>无标题文档</title><style>.dd{height...
<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
这个兼容问题怎样解决？
希望大家能帮忙 展开
<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
这个兼容问题怎样解决？
希望大家能帮忙 展开
3个回答
展开全部
你在样式里面加上这个，经测试，是正确的：
font-size:1px;
要重新定义字体大小 。 因为不定义的话，系统默认好像是9pt，所以会把div撑开成9pt大小的空间
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 下均不存在。
要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。
该问题在 IE7 / Firefox /Opera 下均不存在。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<style>
.dd {
height:auto!important;
height:2px;
min-height:2px;
background-color:#000033;
overflow:hidden
}
</style>
</head>
第二种
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<style>
.dd {
height:auto!important;
height:2px;
min-height:2px;
background-color:#000033;
font-size:0;
}
</style>
</head>
<body>
<div class="dd"></div>
</body>
</html>
<body>
<div class="dd"></div>
</body>
</html>
<head>
<title>无标题文档</title>
<style>
.dd {
height:auto!important;
height:2px;
min-height:2px;
background-color:#000033;
overflow:hidden
}
</style>
</head>
第二种
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<style>
.dd {
height:auto!important;
height:2px;
min-height:2px;
background-color:#000033;
font-size:0;
}
</style>
</head>
<body>
<div class="dd"></div>
</body>
</html>
<body>
<div class="dd"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
