@morozov-coder

Объясните, что за штука с отступом?

Начинаю только верстать, и замечаю такую интересную штуку, делаю отступ элемента navbar, и при этом смещается не элемент, а весь body
<header class="header">
        <div class="container">
            <div class="header__navbar navbar">
                <div class="navbar__logo">
                    <img src="/img/logo.svg" alt="Logo">
                </div>

                <ul class="navbar__navigation">
                    <li><a href="">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a href="">Skills</a></li>
                    <li><a href="">Portfolio</a></li>
                    <li><a href="">Contacts</a></li>
                </ul>

                <button type="button" class="navbar__callback callback">Send me message</button>
            </div>
    </div>
</header>

60814f6e0c405180035441.png

Красной линией это элемент html
608152bad0c11359870553.png

После того как сделаю border у контейнера, всё сразу становится нормально.
60815023a92f7446563846.png

С чем это связано? box-sizing?
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега Вёрстка
frontend developer
Проблема стара как мир (на самом деле не проблема, а фича)

https://yandex.ru/search/?text=выпадение%20внешних...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы