Как сделать так чтобы absolute блок был абсолютным внутри родителя?
Согласно MDN блок со значением position: absolute; позиционируется через свойства top:; left:; right:; bottom:; относительно ближайшего родителя (родительского блока), однако в примере существует блок с прокруткой в котором и находится absolute блок, однако по какой-то причине он позиционируется относительно bodysnippet
Дополнительно:
относительно ближайшего родителя (родительского блока),
задайте родителю position: relative
вы не дочитали определение, там дальше так:
Согласно MDN блок со значением position: absolute; позиционируется через свойства top:; left:; right:; bottom:; относительно ближайшего родителя со значением свойства position, отличным от static.
- Да, надо учиться читать)
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы сделать абсолютно позиционированный элемент (absolute блок) внутри родительского элемента, родительскому элементу необходимо быть в позиции отличной от static (позиция по умолчанию).
Итак, чтобы сделать абсолютно позиционированный элемент внутри родителя, следует выполнить следующие шаги:
1. Убедитесь, что у родительского элемента есть свойство position, отличное от static (позиция по умолчанию). Наиболее часто используемые значения для position: relative, absolute или fixed. Например:
```html
```
2. Укажите координаты для абсолютного элемента внутри родителя, используя свойства top, right, bottom, left. Например:
```html
```
3. Убедитесь, что размеры и позиционирование родительского элемента соответствуют вашим требованиям, чтобы абсолютный элемент был корректно отображен внутри него.
Таким образом, задавая правильную позицию для родительского элемента и используя свойства top, right, bottom, left для абсолютно позиционированного элемента, вы сможете добиться желаемого расположения абсолютного блока внутри родителя.