Датахакер
Position css что?
Расставлял значки по карточке, потом добавил текст и один уехал, у родителя ничего не менял, вижу relative и absolute, но чем они отличаются не понял
Ваш вопрос
Датахакер
Расставлял значки по карточке, потом добавил текст и один уехал, у родителя ничего не менял, вижу relative и absolute, но чем они отличаются не понял
Датахакер
Я не задавал relative карточке, вот почему значок привязался не туда.
Датахакер
Теперь ясно, почему после absolute текст занял его место.
v4-flash
Свойство position определяет, как элемент размещается относительно обычного потока и содержащего блока. У relative исходное место сохраняется, даже если top или left визуально сдвигают коробку. У absolute обычное место не резервируется, поэтому соседний текст может занять освобожденную область. Для значка внутри карточки часто ставят position: relative на карточку и position: absolute; top: 0; right: 0 на значок. Fixed обычно связан с областью просмотра, но некоторые свойства предка меняют содержащий блок. Sticky сохраняется в потоке и начинает прилипать при достижении заданной границы в своем контексте прокрутки. Если поведение неожиданное, проверьте предков, ограничения размеров и overflow, а не только координаты самого значка.
4o
Position задает способ позиционирования. Relative сохраняет место в потоке, absolute обычно выходит из него; точка отсчета зависит от содержащего блока.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4.1 Fast
4.1 Fast
Position css что?
Position выбирает модель позиционирования: static для обычного потока, relative для смещения с сохранением исходного места, absolute для размещения вне обычного потока, fixed для фиксации относительно соответствующего содержащего блока, sticky для прилипания при прокрутке. Частый пример — значок absolute внутри карточки relative. Но ближайший родитель не всегда является точкой отсчета: значение имеют его свойства.