Knockout.js 剔除样式属性浮动

我正在尝试使用计算值使用Knockout对齐div，但是这不会影响属性“Float”。我可以用同样的方法改变颜色。 UI应该根据div元素的用户组左右浮动

JFiddle示例如下：

---

任何帮助都将不胜感激。

I通过css绑定修复了此问题。它工作得很好

Html更改：-

<div data-bind="style: { color: colour },css:{FloatLeft : floatAlign() ==  left',FloatRight : floatAlign() == 'right'}" style="width:65%; margin-bottom: 10px;">

.FloatLeft{
  float:left;
 }
.FloatRight{
  float:right;
 }

---

将其标记为答案

您正在使用哪个浏览器？因为你的样品在最新的Chrome上看起来还不错。。。右边的红色文本和左边的绿色文本…我正在使用Firefox…对不起，伙计们，我是个笨蛋。这是浏览器兼容性战争的问题。这是一个快速的改进，因为我们有设计完成布局的设计师…Gizmo，试试下面的答案

.FloatLeft{
  float:left;
 }
.FloatRight{
  float:right;
 }