问题随着HTML/CSS边距带有图像

问题描述：

我试图让HTML/CSS图像的利润率是0像素，但是当我使用问题随着HTML/CSS边距带有图像

body { 
margin: 0px; 
}

它影响到整个身体（图片和文字）。这是预期的。所以我想，我只会用一个班。我尝试这样做：

CSS：

.class-name { 
margin: 0px; 
}

HTML：

<img class="class-name" src="path/to/file.png">

现在它只是简单地忽略了一个事实，我有一个保证金...任何修复？提前致谢！

@Doomenik该类名仅仅是一个例子，我实际上使用我自己的类名哈哈！另外，你的意思是一个工作的例子？ –

@Doomenik请勿建议第三方网站，如plunkr或jsfiddle。他被要求在这里发布他的标记。任何地方都可以解决这个问题。 – Rob

寻求调试帮助的问题（**“为什么这个代码不工作？”**）必须包含所需的行为，特定的问题或错误以及在问题本身中重现**的最短代码**。 [mcve] – Rob

答

在你的情况设置边距：0px;在你的形象上并没有帮助你。之所以你的图片在第一种情况下有余量是因为body元素的默认边距为（据我所知）8px。

要删除你的保证金，你因此必须要么去掉你身上的保证金是这样的：

body { 
margin:0px; 
(or margin-left:0px; margin-right:0px etc) 
}

或者你的形象的边距设置为负值。

.class-name { 
margin: -8px; 
}

对不起，对于迟到的回复，但消极保证金似乎在做伎俩！非常感谢！ :) –