Почему в начале документа body/html (вверху панели навигации) есть пробел?

проверьте код здесь:

https://landing-page.adrianojedaf.repl.co

Я подумал, что это может быть переполнение-x, поэтому я отключил полосу прокрутки в CSS, но пустое пространство поверх панели навигации все еще существует. Когда я использую инспектор браузера, кажется, что пустое пространство является частью заголовка, но у него нет поля или другого свойства, которое могло бы его генерировать, поэтому я действительно не знаю.

<img id="header-img" src=""> вот почему у вас есть пробелы в вашем коде.

Crystal 10.04.2022 02:32
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Введение в технологический стек Twitch
Введение в технологический стек Twitch
В этой статье мы подробно рассмотрим стек Twitch, который подразделяется на следующий набор технологий:
8 полезных HTML-тегов, которые лучше использовать вместо <div>
8 полезных HTML-тегов, которые лучше использовать вместо <div>
Когда я только начинал изучать html, я использовал div для всего, это был один из первых тегов, которые я выучил, и казалось, что он работает в любой...
HTML5: API локального хранилища (Local Storage)
HTML5: API локального хранилища (Local Storage)
LocalStorage - это простой способ хранения данных в браузере пользователя.
Доступность HTML - программирование с инклюзивной перспективой
Доступность HTML - программирование с инклюзивной перспективой
Представьте, что вы хотите поехать на пляж. Представьте, что вы упорно трудились весь год и заслужили это. Прибыв на место, вы обнаруживаете, что...
Именование классов CSS: Конвенция именования BEM
Именование классов CSS: Конвенция именования BEM
Сопровождаемость кода, сама по себе, является пульсирующим эффектом нескольких факторов. Когда часть программного обеспечения читабельна, ясна,...
1
1
23
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

<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>
  

Другие вопросы по теме