在Aurelia组件上动态设置CSS Top和Left

Question

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

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

和TypeScript：

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

除左：100px

外，所有CSS属性都按预期工作

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

我可以在渲染的HTML中看到 left：100px 存在但没有效果。

我做错了吗？

Answer 1

位置 CSS属性应设置为＆＃39; relative＆＃39;或者绝对的＆＃39;为了让它运作起来：http://www.w3schools.com/cssref/pr_pos_left.asp