HTML и CSS белый пробел выше navbar

Question

Я до сих пор не знаком с HTML & CSS. У меня возникла проблема, которую я не могу понять, как исправить.

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

HTML

<div class="navbar"> 
    <ul style="float:right;list-style-type:none;"> 
     <li><a href="mailto:enquiry@efc.ac.uk">CONTACT US</a></li> 
     <li><a href="#">JOBS</a></li> 
     <li><a href="#">NEWS AND EVENTS</a></li> 
     <li><a href="#">BUISNESS</a></li> 
     <li><a href="#">COURSES</a></li> 
     <li><a href="#">ABOUT EPPING FOREST COLLEGE</a></li> 
     <li><a href="#">HOME</a></li> 
    </ul> 
</div> 

CSS

.navbar { 
    margin-top: 0px; 
} 
.navbar ul { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    list-style-type: none; 
    background-color: #333; 
} 

.navbar li { 
    float: right; 
    font-weight: 700; 
} 

.navbar li a { 
    display: block; 
    color: white; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
} 

.navbar li a:hover { 
    background-color: #e74c3c; 
} 

Answer 1

Существует всегда запас по умолчанию и отступы из браузера, так что вы должны сделать это в CSS

body{ 
margin:0; 
padding:0;} 

Answer 2

Попробуйте CSS , из-за поля браузера по умолчанию ul.

.navbar ul { 
    margin: 0 auto; 
} 

Answer 3

Браузер имеет поля и отступы некоторые по умолчанию, так что вы можете отменить это в CSS, поместив:

body{ 
margin:0; 
padding: 0; 
} 

Answer 4

Используйте следующий код для удаления окраину ul

По умолчанию используется 16px

ul { 
    margin:0; 
} 

WORKING DEMO

Answer 5

попробовать это:

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

Answer 6

Просто используйте запас: 0; внутри как это.

.navbar ul{margin: 0;} 

Check demo here

Answer 7

Вы могли бы сделать что-то вроде этого

*{ 
padding:0; 
margin:0; 
} 

проблемы в то вам необходимо установить поля и отступы на каждом div, что вы делаете.

ИЛИ

ul{ 
margin:0; 
padding:0; 
} 

Answer 8

да есть граница сверху на .navbar класса добавьте эту строку в .navbar {border-top : 0px;}