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; 
}