jquery - 位置：在 Internet Explorer 中绝对未对齐 div

Question

Position: absolute 用于 div 与 Internet Explorer 中的 div 不对齐。但在 Mozilla Firefox 和 Chrome 中运行良好。任何人都可以建议解决方法吗？

代码

http://jsbin.com/uxerus/15/edit

Answer 1

解决方案是将第一个输入和隐藏的 div 包装在另一个 div 中，将“包装器”设置position为relative. 然后定位隐藏的 div absolute，包括left和topcss 属性。

首先，请参阅http://jsbin.com/uxerus/56/edit

应该是这样的：

CSS：

.wrapper {
    position: relative;
}

div.first {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 10;
    width: 298px;
    border: 1px solid #000;
    background: #fff;
}

html:

<div class="wrapper">
    <input type="text" id="input" name="input" value="First div" />
    <div id="content" class="first">
        <span>option 1</span>
        <span>option 2</span>
        <span>option 3</span>
        <span>option 4</span>
    </div>
</div>