IE 中的顶部边距问题

发布于 2024-12-08 11:07:27 字数 496 浏览 1 评论 0原文

我在 IE 中遇到边距问题。我在 div 中放置了一张图像。我把所有边距设置为0。但顶部利润仍然显示出一点。我不想将

margin-top 设置为负值。这种情况只发生在 Ie 中，因为在 firefox 中它的位置完美。

您有解决方法吗？这是我对 div 的属性：

.placeImage {
visibility:visible;
overflow:auto;
height:400px;
background-image: url(image.jpg); 
background-repeat: no-repeat ;
background-position:left;
}

我读到我可以将 margin:0 放在 body 标记中，这样：

<body style="margin-top:0; margin-left:0;">

左边距还可以，但顶部仍然在后面显示一点空间。帮助..

原文

I have a problem with the margin in IE.
I have an image placed in div. I made all the margins set to 0.
But still the top margin is showing a little. I don't want to set the

margin-top to a negative value. This happens only in Ie because in firefox
its positioned perfectly.

Do you have workaround for this?
Here's my attritbutes to div:

.placeImage {
visibility:visible;
overflow:auto;
height:400px;
background-image: url(image.jpg); 
background-repeat: no-repeat ;
background-position:left;
}

I read that I can put margin:0 in the body tag so:

<body style="margin-top:0; margin-left:0;">

The left margin is okay but the top still shows a little space at the back..
Help..

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

痴情换悲伤 2024-12-15 11:07:27

尝试输入：

body
{
    padding:0;
}

编辑

请随意查看这里的 jsFiddle 演示：

http:// jsfiddle.net/Lrume/2/

Try putting:

body
{
    padding:0;
}

EDIT

Feel free to look at this jsFiddle here demonstrating this:

http://jsfiddle.net/Lrume/2/

回复收藏 0 原文

各自安好 2024-12-15 11:07:27

解决这个填充问题固然很好，但默认样式表中还有许多其他跨浏览器的小怪癖，可能会让您陷入困境。

您真正需要做的是使用“重置”样式表一次性消除所有这些怪癖。

这是一个很常见的问题，很多人都编写了重置样式表。我使用 HTML5 Boilerplate，但这不仅仅是重置样式表，所以我不推荐特定的样式表，而是将向您指出 Stackoverflow 上其他地方的讨论，其中涵盖了大部分选项：https://stackoverflow.com/questions/116754/best-css-reset

希望有帮助

回复收藏 0 原文

~没有更多了~