Как заставить настройку 'position fixed' на панели навигации не изменять макет моей страницы? - PullRequest
0 голосов
/ 09 марта 2020

Итак, у меня есть панель навигации вверху, нижний колонтитул внизу и большое изображение в центре. Я поместил все, используя margin (margin-top: 0 для nav, margin-bottom: 0 для нижнего колонтитула и margin: 3% автоматически для изображения. Изображение центрируется на моей странице, и все в порядке. Однако, когда я устанавливаю положение nav Для фиксированной строки поле для изображения, кажется, отсчитывается от начала страницы, а не до конца панели навигации (это заставляет мое изображение перекрываться с панелью навигации вместо того, чтобы находиться между нижним колонтитулом и полем). Единственный способ, которым я знаю, это исправить делает второй, невидимый div с точно таким же размером, как мой navbar, но я считаю, что это не самый практичный способ.

Я не знаю, нужно ли помещать туда код HTML / CSS, думаю, я описал все важные. Заранее спасибо за помощь

Ответы [ 2 ]

1 голос
/ 09 марта 2020

Настройка position: fixed удаляет элемент из потока документов. Одним из возможных решений является добавление контейнера для содержимого, в вашем случае - контейнера div для изображения и установка фиксированного верхнего поля или верхнего отступа для контейнера в соответствии с высотой панели навигации.

1 голос
/ 09 марта 2020

попробуй position:sticky. Лучше всего, если у вас фиксированная высота элемента.

...