Верхняя граница для 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 перезагружается. Попробуйте читать на http://cssreset.com/

Answer 2

Попробуйте это

* { 
    margin: 0; 
    padding: 0; 
} 

В основном много вещей в HTML имеет стандартные стили, которые включают значения по умолчанию для заполнения и полей.

Answer 3

Действительно простым решением было бы добавить следующий css (ниже) в начало файла. Это существенно сбрасывает поля 0.

Вот ссылка на обновленный JSFiddle: https://jsfiddle.net/r58hvuzp/

*{ 
    margin: 0; 
}