Я понятия не имею, почему заголовок встраивается в панель навигации, поскольку они разные элементы? Не нуждайтесь в заголовке под навигацией без радости. Спасибо в ожидании. Link:
https://jsfiddle.net/a6jxea0vЭлемент заголовка вставляется в навигационный элемент
ответ
Добавить padding-top:45px;
в ваш заголовок, потому что ваш Navbar исправил положение так заголовок начинается с верхней частью тела, так что вы должны добавить верхний интервал в соответствии с высоты навигационной панели.
header {
width: 100%;
margin: 0;
padding:45px 0 0;
color: #000;
}
Вот jsfiddle: https://jsfiddle.net/a6jxea0v/2/
Привет, Мукеш. Есть ли дополнительный способ вернуть навигационную панель в ее исходное местоположение (вверху экрана) и заголовок под ним без использования прокладки? Вы знаете причину, по которой элемент заголовка плавает в навигации? –
Потому что у вас установлен фиксированный навигатор, поэтому заголовок начинается в верхнем положении корпуса, и он скрывается под навигационной панелью –
Большое вам спасибо. –
- 1. Навигационный элемент без заголовка - набросок документа
- 2. Навигационный элемент Done не работает
- 3. Выдвинуть навигационный элемент справа вправо
- 4. Навигационный элемент не меняет название
- 5. Элемент не вертикально вставляется в середину экрана
- 6. xcode: не видно в раскадровке навигационный элемент
- 7. HTML вызова элемент сравнения заголовка
- 8. Как изменить элемент заголовка
- 9. Связанный пользовательский элемент заголовка
- 10. Навигационный ящик для заголовка заголовка
- 11. Исправлен элемент заголовка поворота?
- 12. Добавить элемент в концентратор заголовка
- 13. Липкий навигационный элемент прыгает во время прокрутки
- 14. Интерфейс Builder неправильно настроил навигационный элемент
- 15. Фиксированный верхний навигационный элемент и привязки
- 16. Проблема CSS с Chrome - Навигационный элемент bump
- 17. Навигационный ящик, как выделить выделенный элемент
- 18. Правый навигационный элемент исчезает при подталкивании JASidePanels
- 19. Как сделать мой навигационный элемент неактивным снова?
- 20. Нажатие на навигационный элемент другого цвета
- 21. HTML элемент вставляется в DOM в нескольких странных точек
- 22. fancybox - использовать элемент для заголовка
- 23. Элемент заголовка ListView и RecyclerView
- 24. Добавить элемент данных в элемент
- 25. Пустой элемент вставляется в ArrayList при чтении из командной строки
- 26. Элемент заголовка в ListView в UWP
- 27. Есть ли событие «элемент готово», когда элемент HTML вставляется в DOM?
- 28. Как создать элемент заголовка в форме?
- 29. Jquery получить элемент в массиве JSon заголовка
- 30. Браузеры добавляющие дублированный элемент заголовка в таблицах
Вы ваш навигационный элемент установлен в фиксированном положении. Это удаляет его из относительного позиционирования и фиксирует его в верхней части экрана. Элемент header теперь является верхним оставшимся элементом в документе, и он плавает в верхней части экрана (где он скрыт за заголовком.) Вам просто нужно работать с CSS. Если бы это был я, я бы просто добавил margin/padding в верхнюю часть относительных позиционированных элементов, чтобы контент очищал элемент nav. Другой способ исправить это - просто удалить «position: fixed;» из элемента nav. – zipzit
Спасибо, зипзит! Я понятия не имел, что элементы фиксированной позиции удалены из потока документов! –