HTML. Кнопка на странице

Question

HTML. Кнопка на странице

veerbee Ученик (93), на голосовании 10 месяцев назад

Когда меняю размер для изображения кнопки на проценты, то кнопка уходит в центр страницы, а не находится справа
/* Кнопка "Наверх" */
#scrollToTopBtn {
position: fixed;
bottom: 20px;
right: 10px; /* Изменено с left на right */
display: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}

#scrollToTopBtn.show {
display: block;
opacity: 1;
}

#scrollToTopBtn img {
max-width: 50px;
height: auto;
}

#scrollToTopBtn:hover {
background: none;
}

Answer 1

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

Вы можете попробовать следующие рекомендации:

1. Добавьте к свойству right значение в пикселях, а не в процентах, чтобы кнопка оставалась справа:

 #scrollToTopBtn { 
    ... 
    right: 10px; /* Замените на нужное значение в пикселях */ 
    ... 
}

2. Убедитесь, что у элементов родительских контейнеров (например <body>) нет свойств, которые приводят к центрированию или изменению выравнивания кнопки.

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

Если проблема не устраняется, пожалуйста, предоставьте больше информации или кода, чтобы мы могли вам помочь более точно.