DIV的上边距不起作用？

Question

我有，我定义的类为顶级DIV具有这些属性

.topbluebar { 
margin:0;  
height:19px; 
width:100%; 
background-image:url('../../Images/top_blue.gif'); 
clear:both; 
} 

下面是简单的HTML页面

<link href="~/Content/Style.css" rel="stylesheet" /> 

    <div class="topbluebar"></div> 
<div>Foo foo</div> 

图片正在出现，但不与浏览器的顶部，但使用CSS我不想要的顶部边缘。 简而言之，我想实现它像Stackexchnage topbar类，但它似乎并没有为我工作。

我已阅读了很多答案，但他们都没有为我工作。

Answer 1

尝试增加在样式表如下。

body { margin:0;padding:0 } 

http://jsfiddle.net/z18Lpy99/

而且，为了避免这些类型的问题，它是使用CSS重置一个好主意。尝试阅读http://cssreset.com/

Answer 2

试试这个

* { 
    margin: 0; 
    padding: 0; 
} 

基本上大量的HTML事情都有默认样式，其中包括用于填充和利润的默认值。

Answer 3

一个非常简单的解决方案是将以下css（下面）添加到文件顶部。这实质上重置利润率为0

这里是更新的jsfiddle链接：https://jsfiddle.net/r58hvuzp/

*{ 
    margin: 0; 
}