#html #css #absolute
Вопрос:
Я пытаюсь воспроизвести страницу с ценами на Github https://github.com/pricing, в частности, самая популярная граница, которая есть в командном плане.
Если вы посмотрите на исходный код, вы увидите, что <p class="...">Most Popular</p> он имеет position: absolute; top: 6px; . Теперь, насколько я понимаю, absolute позиционирование принимает x значения и y значения, начиная с верхнего левого угла экрана.
Как получилось <p class="...">Most popular</p> , что бирка идеально подходит для такого стиля ?
Комментарии:
1. Элемент с положением: абсолютный; расположен относительно ближайшего расположенного предка (вместо положения относительно окна просмотра, как фиксированный). Однако; если абсолютный позиционированный элемент не имеет позиционированных предков, он использует тело документа и перемещается вместе с прокруткой страницы.
2. Хорошо, теперь все ясно, спасибо
Ответ №1:
Понял, спасибо
@shakib Элемент с положением: абсолютный; расположен относительно ближайшего расположенного предка (вместо положения относительно окна просмотра, как фиксированный). Однако; если абсолютный позиционированный элемент не имеет позиционированных предков, он использует тело документа и перемещается вместе с прокруткой страницы.
Комментарии:
1. Руководство и справочник MND
2. Пожалуйста, добавьте дополнительные сведения, чтобы расширить свой ответ, например, ссылки на рабочий код или документацию.