Как расположить div по определённым координатам в браузере?

Question

[Felino]

Как расположить div или button по определённым координатам в браузере?

Comments

[Антон]

CSS -> position: absolute;

[Felino]

Антон, а как задать координаты конкретные?

[Антон]

Felino, Относительно чего, документа? top left right bottom в px

[Felino]

Антон, Есть общий div, относительно его я хочу расположить другие div (их неизвестное количество) по конкретным координатам (считанные с файла) внутри него

[Антон]

Felino, координаты какого вида?
Значит родительскому блоку position: relative (так потомки будут позиционироваться относительно этого родителя), а всем потомкам position: absolute и смещение в пикселях,

[Felino]

Антон, с файла я получаю number, я так понимаю мне в css нужно передать параметры с координатами?
как-то так:

left: {{CordinateX}}'px'
right: {{CordinateY}}'px'
width: {{width}}'px'
height:{{height}}'px'

[Felino]

Антон, Или через *ngFor передавать все?

[Антон]

Felino, ангуляр я не знаю, но подозреваю, что у вас в хтмл файле есть какой то шаблонизатор, и массив\объекты вы будете выводить через цикл, в этом случае сам файл css естественно трогать не нужно (только для общих стилей), а передать эти стили через инлайн к каждому конректному, т.е. (псевдокод)

<div class="item" style="left: {{CordinateX}}'px'; right: {{CordinateY}}'px'">

[Felino]

Антон, Спасибо, ща буду чет пробовать.