«Пробел» создан за липкой панелью навигации, и я не могу найти способ его удалить. ⇐ CSS

[Anonymous]

Я создаю для себя веб-сайт-портфолио, и одной из вещей, которые я добавил, была прикрепленная панель навигации, но проблема в том, что когда я ее добавил, позади нее образовалось «пространство», и с этим «пространством» будучи созданным, он не позволяет мне использовать карусель, которая у меня есть в качестве фона. Панель навигации работает как надо, но если я перейду вниз по странице, «пробел» просто останется там, и я не смогу найти обходной путь. Я видел несколько сообщений о людях, у которых была такая же проблема, как у меня, я попробовал предложенные решения, но ни одно из них, похоже, не работает. Я использую Html и Css с некоторой загрузкой, потому что я новичок в программировании. Я был бы признателен, если бы какое-либо из предоставленных решений не использовало Javascript. Пространство за панелью навигации, которое я пытаюсь удалить (красноватый цвет)
Я пытаюсь установить положение панели навигации на top:0, изменение карусели на Position:absolute, изменение свойств ширины, прозрачности и плавающей панели навигации, но, похоже, ничего не работает, как я упоминал выше.
Index.html:

Код: Выделить всё

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
background-color: #8b5656;
}

.navbar {
--margin: 40px;
background-color: rgba(255, 255, 255, 0.5);
position: sticky;
top: 0;
width: calc(100vw - 2 * var(--margin));
z-index: 1000;
border-radius: 80px;
margin-left: var(--margin);
margin-right: var(--margin);
padding: 12px 24px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.carouselslide {
width: 100%;
height: 700px;
overflow: hidden;
position: relative;
top: 0;
}

.carouselslide img {
filter: blur(8px);
filter: brightness(0.3);
}

Код: Выделить всё

Flokki's Portfolio
[*]









[url=#]
[i]
FlokkiFur [/url]

[/i]


[list]

[url=#top]HOME[/url]

[*]
[url=#cartoes]PORTFOLIO[/url]

[*]
[url=#]ABOUT ME[/url]

[*]
[url=#]CONTACT[/url]

[/list]
[list]
[*][url=...][i][/i][/url]
[*][url=...][i][/i][/url]
[*][url=...][i][/i][/url]
[/list]







[img]...[/img]

[img]...[/img]

[img]...[/img]

Подробнее здесь: https://stackoverflow.com/questions/793 ... -remove-it