Пустое пространство выше и ниже navbar в Laravel

Question

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

Я пытаюсь использоватьcss * { margin: 0px; padding: 0px; }

но результат тот же

здесь мой Navbar paste.ofcode.org/xWBgAJUmWt5h7dYdALNnjC
и мой css paste.ofcode.org/nNwTafvyzECeRgWSjUhrT9

* С Laravel

без Laravel

Answer 1

Две причины:

1. Браузер имеет собственное поле размером 8px на теле, поэтому начните с:

   html, body{ margin: 0; }

2. header .top-bar .social высовывается.Сделайте это:

   header .top-bar .social { margin: 0; }

И проблемы исчезли.

Затем можно удалить

* {
margin: 0px;
padding: 0px;
}

Answer 2

Попробуйте с высотой

.navbar {height: 20px;// требуемая высота}