2 панели навигации Bootstrap, перекрывающие друг друга (хотите, чтобы один фиксировался под другим) - PullRequest
0 голосов
/ 20 мая 2018

У меня есть этот сайт, на котором есть 2 навигационные панели, но темная навигационная панель постоянно закрывается светлой, я хочу, чтобы светлая сверху и темная снизу, что не так с моим кодом?

ссылка: https://paragon.fun/punishments/bans.php

1 Ответ

0 голосов
/ 20 мая 2018

Это происходит из-за указанного вами positioning.Вы используете fixed на светлой навигационной панели и relative на темной.

Это зависит от того, чего вы хотите достичь.Если темная навигационная панель должна быть расположена fixed ниже светлой, вы можете просто добавить следующий CSS:

.navbar-inverse {
  position: fixed;
  top: 50px;
  width: 100%;
}

Но если темная навигационная панель должна быть просто ниже светлой, без какой-либо липкости, вам понадобитсячтобы указать расстояние top:

.navbar-inverse {
  top: 50px; // equal to the light navbars height
}

Причина, по которой это происходит, заключается в том, что при использовании позиционирования fixed на вашей легкой навигационной панели он будет удален из documentflow.Фиксированные элементы больше не будут влиять на позиционирование relative позиционируемых элементов, таких как темная панель навигации.

...