为什么 body/html 文档的开头(导航栏顶部)有一个白色的 space?
Why is there a white space at the beginning of the body/html document (on top of the navigation bar)?
检查这里的代码:
https://landing-page.adrianojedaf.repl.co
我认为它可能是 overflow-x,所以我禁用了 CSS 中的滚动条,但 navigation-bar 顶部的白色 space 仍然存在。当我使用浏览器的检查器时,白色 space 似乎是 header 的一部分,但它没有任何边距或其他可能生成它的 属性 所以我真的不知道。
将此添加到您的代码中 instead.I 删除您未知的图像标签以解决您的问题,这应该有效。
<header id="header">
<nav id="nav-bar">
<div class="content-width">
<img src="images/carrot.png">
<a class="logo" href="index.html">Carrot</a>
<div class="nav-right">
<a class="nav-link" href="#submit">Features</a>
<a class="nav-link" href="#goVideo">Process</a>
<a class="nav-link" href="#prices">Prices</a>
</div>
</div>
</nav>
</header>
检查这里的代码:
https://landing-page.adrianojedaf.repl.co
我认为它可能是 overflow-x,所以我禁用了 CSS 中的滚动条,但 navigation-bar 顶部的白色 space 仍然存在。当我使用浏览器的检查器时,白色 space 似乎是 header 的一部分,但它没有任何边距或其他可能生成它的 属性 所以我真的不知道。
将此添加到您的代码中 instead.I 删除您未知的图像标签以解决您的问题,这应该有效。
<header id="header">
<nav id="nav-bar">
<div class="content-width">
<img src="images/carrot.png">
<a class="logo" href="index.html">Carrot</a>
<div class="nav-right">
<a class="nav-link" href="#submit">Features</a>
<a class="nav-link" href="#goVideo">Process</a>
<a class="nav-link" href="#prices">Prices</a>
</div>
</div>
</nav>
</header>