DIV的最高保证金不起作用？

Question

我有一个css，我用这些属性为顶部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> 

图片正在出现但不是浏览器的顶部，但是我不想要的顶部边缘很少。 简单来说，我想像Stackexchnage topbar类一样实现它，但它似乎根本不适用于我。

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

Answer 1

尝试在样式表中添加以下内容。

body { margin:0;padding:0 }

http://jsfiddle.net/z18Lpy99/

另外，为了避免这些问题，最好使用CSS Resets。尝试阅读http://cssreset.com/

Answer 2

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

  

以下是更新的JSFiddle的链接：https://jsfiddle.net/r58hvuzp/

*{
    margin: 0;
 }

Answer 3

试试这个

* {
   margin: 0;
   padding: 0;
}

基本上html中的很多东西都有默认样式，包括填充和边距的默认值。