Выбор ответа Junior Flexbox спрашивают часто обновлено
Прижать один элемент вправо
Вопрос
В навигации пять ссылок в ряд (display: flex). Нужно, чтобы «Выйти» прижалась к правому краю, а остальные остались слева. Как проще всего?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: margin-left: auto на «Выйти». Auto-margin во flex забирает всё свободное место по своей стороне и отталкивает элемент. justify-self во flexbox игнорируется. space-between раскидает все пять ссылок по ширине, а не только последнюю. float на flex-элементе не действует.
Варианты ответа
margin-left: autoна «Выйти»правильный ответjustify-self: endна «Выйти»justify-content: space-betweenна контейнереfloat: rightна «Выйти»
Разбор
Auto-margin во flex забирает всё свободное место по своей стороне и отталкивает элемент. justify-self во flexbox игнорируется. space-between раскидает все пять ссылок по ширине, а не только последнюю. float на flex-элементе не действует.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.