Laravel导航栏上方和下方的空白

Question

我有一个导航栏，但我不知道导航栏上方和下方的空白可以显示在哪里，但是当我尝试不使用 Laravel 时，空白消失了。

我已经尝试使用 css * { margin: 0px; padding: 0px; }

但结果是一样的

这里是我的导航栏 paste.ofcode.org/xWBgAJUmWt5h7dYdALNnjC
和我的 css paste.ofcode.org/nNwTafvyzECeRgWSjUhrT9

With Laravel

without Laravel

Answer 1

试试身高：

.navbar { 高度：20px； //需要的高度 }

Answer 2

两个原因：

1. 浏览器在 body 上有一个原生的 8px 边距，所以开始：

   html, body{ margin: 0; }

2. header .top-bar .social 正在探出头来。制作它：

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

问题就解决了。

然后你可以删除

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