位置：Internet Explorer中的絕對錯位div

Question

位置：絕對用於div在Internet Explorer中錯位div。 但在Mozilla Firefox和Chrome中運行良好。 有人可以建議解決方法嗎？

碼

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

Answer 1

解決方案是將第一個輸入和隱藏的div包裝在另一個div中，將“wrapper”的position為relative 。 然后定位隱藏的div absolute包括left和top css屬性。

首先，請訪問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>