Динамически настройки CSS сверху и слева на компоненте Aurelia

Question

Использование Аурелия, я создал очень простой компонент с HTML:

<template> <h1 draggable="true" css="width: ${width}px; height: ${height}px; color:${color}; left: ${left}"> ${message} </h1> </template>

И Машинопись:

export class Navigation { message: string = 'Component Text'; width = '400' height = '250' color = 'red' left = '100' }

Все CSS атрибуты работы как и следовало ожидать, за исключением слева: 100px

Цель состоит в том, чтобы использовать сверху и оставил динамически установить позицию компонента. Это также является причина для перетаскиваемого = «истинного» атрибута .

В представленном HTML-виде я могу видеть слева: 100px присутствует, но не действует.

Я что-то не так?

Answer 1

Положение CSS свойство должно быть установлено значение «родственник» или «абсолютный» для того, чтобы получить его работу: http://www.w3schools.com/cssref/pr_pos_left.asp