В IDE вставьте пробел и браузер прочитает их как char, как от этого избавиться?я использую VSCode

Question

Когда я пытался создать навигационную панель, возникла проблема с пробелом, которую я не знаю, откуда она взялась!

Я установил поле на 0, и у отступа ничего не произошло, также был выбран размер окнабордюр не везет!

1 :

*::after,
*::before {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-color: darkblue;
}

nav {
    width: 100%;
    background-color: #f8f8f8;
    border-bottom: 1px #e7e7e7 solid;
    color: #777;
}

.logo,
.navbar {
    display: inline;
}

.logo {
    padding: 20px;
}

.navbar {
    width: 100%;
}

.navbar li {
    list-style-type: none;
    display: inline-block;
    padding: 20px;
}

Answer 1

Установите ширину тела html, как это тело {width: 100vw}, это установит ширину вашего браузера равной 100 и удалит неожиданные пробелы.Я надеюсь, что это помогает

Answer 2

Поскольку у этих элементов есть «нативный» интервал между ними, вы можете присвоить вашему классу nav-item отрицательный запас, например:

.nav-item {
  margin: -7px;
}

И, поскольку это, вероятно, повлияет на родительский элемент <nav>, вы можете установить высоту родительского элемента вручную, чтобы он удерживал элемент на нужной высоте (или размере):

nav {
    width: 100%;
    background-color: #f8f8f8;
    border-bottom: 1px #e7e7e7 solid;
    color: #777;
    height: 55px; /*This property should set the height to your nav element*/
}

Надеюсь, это поможет!