Как позиционировать поповер в CSS ⇐ CSS

[Anonymous]

Код: Выделить всё

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}

#products-list:popover-open {
width: 200px;
height: 100px;
position: absolute;
inset: unset;
margin: 0;
}

.parent {
position: relative;
}< /code>

[list]
[*][url=#]Home[/url]
[*][url=#]About[/url]
[*]

Products


Prod1
[*]Prod1
[*]Prod1
[/list]




< /code>
< /div>
< /div>
< /p>
Я изучаю новый Popover API < /p>


Я пытался Переопределение: Popover-open 

CSS, но не знаю, почему позиция: Absolute не работает, это должно быть в родительском поле.

Подробнее здесь: https://stackoverflow.com/questions/782 ... ver-in-css