我在JS中设置浮动对象时遇到了问题。代码如下：
var closebutton = document.createElement('div');
closebutton.style.styleFloat = "right";
alert(closebutton.style.styleFloat);
closebutton.style.background = "#f00";
closebutton.innerHTML = '<a href="">✖</a>';
titlebar.appendChild(closebutton);元素的背景确实是红色的，并且当加载时页面警告“right”。然而div并没有正确浮动。萤火虫没有显示浮子的踪迹。错误控制台中没有错误或警告。
我被难倒了！
更新：
正如我所建议的，我也尝试过：
closebutton.style.float = 'right';这也不起作用，在我的文本编辑器（gedit）中以亮红色突出显示
3条答案
按热度按时间dxpyg8gm1#
在JavaScript中设置float样式的标准方法是使用
cssFloat属性：这适用于所有浏览器，但不适用于IE，IE需要
styleFloat属性。因此，您可以检测浏览器并应用相应的属性，或者同时设置它们：注意，
float是JavaScript中的保留字，不能用于点表示法。例如，这同样适用于class，它是另一个保留字。这就是为什么与JavaScript保留字（Source）冲突的CSS属性有不同的名称。进一步阅读：
92dk7w1h2#
使用
closebutton.style.cssFloat代替closebutton.style.float参考：W3C Style Object Reference
e4eetjau3#
closebutton.style.float = 'right';现在可以用了。style.cssFloat不再需要。