위치 : Internet Explorer의 절대 misaligns div

Question

위치 : div에 절대 사용되는 숫자는 Internet Explorer에서 div의 정렬이 잘못되었습니다. 그러나 Mozilla Firefox 및 Chrome에서 잘 작동합니다. 누구든지 해결 방법을 제안 할 수 있습니까? 은 "래퍼의"positionrelative 설정을

코드

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

Answer 1

이 솔루션은 첫 번째 입력과 다른 사업부에 숨겨진 사업부를 래핑하는 것입니다. 그런 다음 left 및 top css 속성을 포함하는 숨겨진 div absolute을 배치하십시오. 처음에는

는

될해야 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>