Позиционирование элемента справа HTML/CSS
Есть кнопка смены цветовой темы и хотелось бы чтобы она располагалась не в верхнем левом углу, как на картинке, а в правом. Сама кнопка находится в элементе top_bar (пишу на VueJS ):
.collection
Далее элемент top_bar подключается в другой элемент index :
Также хочу чтобы кнопка имела свойство position: fixed :
.top-bar
При выставлении данного свойства кнопка меняет свой угол расположения с правого на левый. Помогите понять почему
Отслеживать
11.5k 4 4 золотых знака 22 22 серебряных знака 38 38 бронзовых знаков
задан 18 июл 2020 в 7:51
1,644 7 7 серебряных знаков 23 23 бронзовых знака
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Дефолтное значение абсолютно позиционированных элементов это top: 0 , left: 0 .
Когда Вы добавляете свойство position отличное от static Вам следует указывать месторасположение элемента explicitly, если Вы хотите что бы оно отличалось от значений по умолчанию:
.top-bar
Отслеживать
ответ дан 18 июл 2020 в 9:22
11.5k 4 4 золотых знака 22 22 серебряных знака 38 38 бронзовых знаков
- html
- css
- vue.js
- flexbox
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.