HTML относительная ссылка ссылается на якорь, охватываемый панелью навигации

Question

Когда я создаю относительную ссылку в HTML, <a href="workshops.html#bot" class="btn btn-primary">Bot Workshops</a> она связывается правильно, но размещает привязку вверху страницы, закрываемую панелью навигации.Есть ли способ сделать его ниже, чтобы якорь находился под панелью навигации?

Answer 1

Возможно, вам нужно изменить отображение якорной ссылки.

a {
    display: block;
    ...
}

Answer 2

Вы должны добавить padding-top в div #bot (приблизительно высота панели навигации плюс некоторое пространство).(Это основано на некоторых предположениях ниже)

Я думаю, что ваша панель навигации исправлена?

Если это так, то верхняя часть тега div #bot будет на верхнем краюокно просмотра браузера.Но панель навигации будет запутывать часть этого контента под ним.

Это скорее проблема CSS / стиля.

Если вы добавите верхнюю часть отступа, вы также можете убедиться, чтоэто значение является отзывчивым.

Answer 3

Если я правильно понимаю, когда пользователь нажмет <a href="workshops.html#bot" class="btn btn-primary">Bot Workshops</a>, он должен перейти под панель навигации.

В панели навигации добавьте идентификатор.Например:

<div id="bot"></div>