我有一个通过 CSS 设置样式的 div 标签。我将内边距设置为 10px (padding:10px),它在 Firefox 和 IE7 中的效果与我想要的一样,但在 IE6 中它在底部添加了额外的内边距(我认为大约 2-3px)。有人知道这里发生了什么吗?
[更新]
我刚刚注意到这一点,我所说的 div 标签有一个背景图像。当我删除背景图像时,底部的额外填充消失了。有什么想法吗?
[另一个更新,代码示例]
这是应用于我的 div 标签的 CSS:
.user-info{
margin-top: 20px;
margin-right: 20px;
padding: 10px;
background-image: url("../img/user_panel_bg.png");
float:right;
border: 1px #AAAAAA solid;
font-size:12px;
}
最佳答案
你的div里有图片吗?如果有图像,则 IE 6 中存在一个错误,它会导致 div 中的空白区域在底部创建额外的填充
额外的填充显示为
<div>
<img src="myimage.jpg">
</div>
当您将 HTML 更改为
时,不会显示额外的填充<div><img src="myimage.jpg"></div>
关于css - 底部的 IE6 额外填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/361775/