Как настроить абсолютное позиционирование блока внутри родительского элемента?

Вопреки ожиданиям, блок с позиционированием "absolute" внутри блока с прокруткой не позиционируется относительно его ближайшего родителя, а позиционируется относительно тела документа. Как это возможно и почему так происходит?
  • 6 декабря 2023 г. 16:29
Ответы на вопрос 2
При использовании абсолютного позиционирования внутри блока с прокруткой, элемент будет позиционироваться относительно его ближайшего родительского элемента, если этот родительский элемент имеет позиционирование отличное от статического (например, relative, absolute или fixed). 

Если же родительский элемент с прокруткой не имеет заданного позиционирования, то элемент с абсолютным позиционированием будет позиционироваться относительно тела документа. 

Чтобы изменить это поведение и заставить элемент с абсолютным позиционированием позиционироваться относительно родительского элемента с прокруткой, можно добавить родительскому элементу следующие CSS свойства:

```css
position: relative;
overflow-y: scroll;
```

Таким образом, элемент с абсолютным позиционированием будет позиционироваться относительно этого родительского элемента.
вы не дочитали определение, там дальше так:Согласно MDN блок со значением position: absolute; позиционируется через свойства top:; left:; right:; bottom:; относительно ближайшего родителясо значением свойства position,  отличным от static.
Похожие вопросы