Как сделать так чтобы absolute блок был абсолютным внутри родителя?

Согласно MDN блок со значением position: absolute; позиционируется через свойства top:; left:; right:; bottom:; относительно ближайшего родителя (родительского блока), однако в примере существует блок с прокруткой в котором и находится absolute блок, однако по какой-то причине он позиционируется относительно body

Дополнительно:

относительно ближайшего родителя (родительского блока),

задайте родителю position: relative

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

  • Да, надо учиться читать)

+ Заказать

 

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

 

    • Как сделать так чтобы absolute блок был абсолютным внутри родителя?Есть ответ
    • 07.04.2024
    Ответить

    Для того чтобы сделать абсолютно позиционированный элемент (absolute блок) внутри родительского элемента, родительскому элементу необходимо быть в позиции отличной от static (позиция по умолчанию).

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

    1. Убедитесь, что у родительского элемента есть свойство position, отличное от static (позиция по умолчанию). Наиболее часто используемые значения для position: relative, absolute или fixed. Например:

    ```html

    Абсолютный блок

    ```

    2. Укажите координаты для абсолютного элемента внутри родителя, используя свойства top, right, bottom, left. Например:

    ```html

    Абсолютный блок

    ```

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

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

Оставить комментарий