Javascript Can';在Firefox中设置element.style.float?

Javascript Can';在Firefox中设置element.style.float?,javascript,css,firefox,css-float,Javascript,Css,Firefox,Css Float,我已经发布了以下javascript代码作为一个示例。它非常基本,在IE11和Chrome中运行良好,但FireFox悄悄地抛弃了我的float设置。当我用FireBug检查元素时,两个元素的样式都没有设置float 为什么? 在网上冲浪时,我得到了一个模糊的印象,那就是它与宽度有关,需要设置在某个地方,但是在哪里?如果这就是问题所在,我有没有办法在不知道容器宽度的情况下在firefox中做到这一点 var titleElem = document.createElement("div");

我已经发布了以下javascript代码作为一个示例。它非常基本,在IE11和Chrome中运行良好,但FireFox悄悄地抛弃了我的
float
设置。当我用FireBug检查元素时,两个元素的样式都没有设置
float

为什么?

在网上冲浪时,我得到了一个模糊的印象,那就是它与
宽度有关,需要设置在某个地方,但是在哪里?如果这就是问题所在,我有没有办法在不知道容器宽度的情况下在firefox中做到这一点

var titleElem = document.createElement("div");
    titleElem.innerHTML = "Testing";
    titleElem.setAttribute("unselectable", "on");
    titleElem.style.border = "0px transparent";
    titleElem.style.width = "auto";
    titleElem.style.float = "left";
    titleElem.style.whiteSpace = "nowrap";
    titleElem.style.overflow = "hidden";
    titleElem.style.position = "relative";

document.body.appendChild(titleElem);

    rangeElem = document.createElement("div");
    rangeElem.setAttribute("unselectable", "on");
    rangeElem.style.width = "auto";
    rangeElem.style.border = "0px transparent";
    rangeElem.style.float = "right";
    rangeElem.style.whiteSpace = "nowrap";
    rangeElem.style.overflow = "hidden";
    rangeElem.style.position = "relative";
    rangeElem.style.fontSize = "x-small";
    rangeElem.style.paddingRight = "5px";
    rangeElem.className = "rangeDiv";
    rangeElem.innerHTML = "<i>[1234 - 5678]</i>";

document.body.appendChild(rangeElem);
var titleElem=document.createElement(“div”);
titleElem.innerHTML=“测试”;
titleElem.setAttribute(“不可选择”、“打开”);
titleElem.style.border=“0px透明”;
titleleem.style.width=“自动”;
titleElem.style.float=“左”;
titleElem.style.whiteSpace=“nowrap”;
titleElem.style.overflow=“隐藏”;
titleElem.style.position=“相对”;
文件.正文.附件(标题栏);
rangeElem=document.createElement(“div”);
rangeElem.setAttribute(“不可选择”、“打开”);
rangelem.style.width=“自动”;
rangelem.style.border=“0px透明”;
rangelem.style.float=“右”;
rangelem.style.whiteSpace=“nowrap”;
rangelem.style.overflow=“隐藏”;
rangelem.style.position=“相对”;
rangelem.style.fontSize=“x-small”;
rangelem.style.paddingRight=“5px”;
rangelem.className=“rangeDiv”;
rangelem.innerHTML=“[1234-5678]”;
文件.body.appendChild(rangeElem);

尝试将该行更改为

titleElem.style.setProperty('float', 'left')
或者


同样有效。

您可以使用
.cssFloat
访问该样式属性

titleElem.style.cssFloat = "left";

显然,这与
float
在javascript中是一个保留字有关。

谢谢,这就是问题所在。”这是最新的小提琴,适合任何需要它的人。哈!我刚刚注意到,在我发布的代码中-prettify显然认为
float
也是一个关键字。
titleElem.style.cssFloat = "left";