Как удалить пробел перед div

Question

Я пытаюсь сделать некоторые базовые веб-разработки, но по какой-то причине между тегом открытия тела и первым div есть огромная пробел. Как переместить div в верхнюю часть/или удалить пробел/без использования «position: fixed;»?

body { 
 
    width: 100%; 
 
    height: auto; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.top_bar { 
 
    margin: 0; 
 
    padding: 0; 
 
    text-align: center; 
 
    background-color: black; 
 
    color: rgb(179, 0, 0); 
 
    width: 100%; 
 
    height: auto; 
 
    font-size: 200%; 
 
    position: absolute; 
 
}

<div class="top_bar"> 
 
    generic string 
 
    <br> 
 
    <br> 
 
    <br> 
 
</div>

Answer 1

Это потому, что HTML, по умолчанию имеет 8px запас. Чтобы удалить его, используйте приведенный ниже код.

* { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 
html, 
 
body { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.top_bar { 
 
    margin: 0; 
 
    padding: 0; 
 
    text-align: center; 
 
    background-color: black; 
 
    color: rgb(179, 0, 0); 
 
    width: 100%; 
 
    height: auto; 
 
    font-size: 200%; 
 
    position: absolute; 
 
}

<div class="top_bar"> 
 
    generic string 
 
    <br> 
 
    <br> 
 
    <br> 
 
</div>

разок попробовать

Answer 2

html,body{ 
    margin:0px; 
    padding:0px; 
} 

Answer 3

К сожалению для размещения, но, видимо, я забыл удалить лишние переводы строк из заголовка, который я посылаю с CGI. Это получилось правильно.