在Firefox中无法设置element.style.float？

Question

我发布了以下javascript代码作为fiddle.这是非常基本的,在IE11和Chrome中运行良好,但FireFox悄然抛弃了我的float设置.当我使用FireBug检查元素时,它们都没有float设置它们的样式.

为什么？

浏览网页时,我得到的模糊印象是它与width需要设置的地方有关,但在哪里？如果这是问题,我有没有办法在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);

Answer 1

尝试将该行更改为

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

要么,

rangeElem.style.cssFloat = 'left'

也有效.