在Aurelia组件上动态设置CSS顶部和左侧

使用Aurelia，我用HTML创建了一个非常简单的组件：

${message}

和打字稿：

导出类导航{
消息：字符串='组件文本'；
宽度='400'
高度='250'
颜色=‘红色’
左='100'
}

除了左：100px之外，所有CSS属性都按预期工作

目标是使用顶部和左侧动态设置组件的位置。这也是使用draggable=“true”属性的原因

我可以在呈现的HTML中看到left:100px存在，但没有效果

---

我做错了什么吗？

PositionCSS属性应设置为“相对”或“绝对”，以使其正常工作：