从Javascript设置浮点值

我在JS中设置正确浮动的内容时遇到问题。我的代码如下：

var closebutton = document.createElement('div');
closebutton.style.styleFloat = "right";
alert(closebutton.style.styleFloat);
closebutton.style.background = "#f00";
closebutton.innerHTML = '<a href="">&#10006;</a>';
titlebar.appendChild(closebutton);

---

这也不起作用，并且在我的文本编辑器（gedit）中以鲜红色突出显示，而不是使用

closebutton.style.float

，使用

closebutton.style.cssFloat

---

参考：

在JavaScript中设置浮点样式的标准方法是使用

cssFloat

属性：

closebutton.style.cssFloat = 'right';

这适用于所有浏览器，但不适用于IE，IE要求使用

styleFloat

属性。因此，您可以检测浏览器并应用相应的属性，或者同时设置它们：

closebutton.style.styleFloat = 'right';
closebutton.style.cssFloat = 'right';

请注意，

float

在JavaScript中是一个保留字，不能在点表示法中使用。这同样适用于

类

，例如，它是另一个保留字。这就是为什么CSS属性的名称与JavaScript保留字（）冲突的原因

进一步阅读：

---

当我看到问题标题的那一刻，我脑海中浮现的那些词——你是一个远距离的读心术者！！：）

closebutton.style.styleFloat = 'right';
closebutton.style.cssFloat = 'right';