javascript - appendChild 附加到 IE 中元素的右侧

Question

我动态地将一个 div 附加到另一个动态创建的 div。在 IE 中，它显示在元素的右侧，但在所有其他浏览器中，它显示在元素的底部。我希望它显示在底部，就像在 FF 和 Chrome 中一样。有什么建议吗？

自动完成适用于:[ "#Saab", "#Volvo", "#BMW", "#Mini", "#MiniMonster"]

IE

非 IE

已解决: 我正在使用 divEl.setAttribute("style", "top:"+ top + "px; left:"+ left + "px; width:"+ width + "px;");

IE 在 setAttribute 方面存在问题。所以我切换到:

divEl.style.top = top + "px";
divEl.style.width = width + "px";
divEl.style.left = left + "px";

Answer 1

我会使用 relative在您的情况下定位，因为绝对定位总是会受到窗口大小和其他因素的影响，所以即使从您的 jsFiddle 中也清楚它出现在错误的位置(使用 Chrome)。所以，我将 CSS 更改为:

#matches_tooltip {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    background-color: #FFFFFF;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #E0E0E0;
    border-width: 1px;
    cursor: pointer;
    text-align: left;
}

http://jsfiddle.net/ruslans/9Hg8a/2/

我无法在IE中测试，但在所有浏览器中应该都可以。请注意，我已经修改了您的 javascript，没有设置位置属性。