Tente adicionar um margin: 0
a essa div
, e um margin: 0; padding: 0;
ao body
. Ficaria assim:
body{
margin: 0;
padding: 0;
}
.top-bar {
position: relative;
width: 100%;
height: 60px;
background: #313D4C;
margin: 0;
}
Contudo, o ideal seria uma aplicação desses estilos a todos os elementos, você conseguiria isso por meio do seletor *
do css, fica assim:
*{
margin: 0;
padding: 0;
}
Além disso você poderia colocar um border-box: box-sizing
, muito bem explicado nesse artigo. Ele faria com que as determinções de tamanhos dos elementos, já levassem em consideração por si só margens, espaçamentos, bordas, entre outras coisas.