Это происходит из-за указанного вами 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
позиционируемых элементов, таких как темная панель навигации.