ie7에 입력이있는 부동 오프셋 버그

Question

일부 브라우저 간 양식의 양식을 연구 중이며 ie7에 걸렸습니다.

내 링크 fiddle을 여기 ie7에서 보면 첫 번째 줄의 입력이 오프셋 된 것을 볼 수 있습니다. 비슷하게 아래에 스타일이 지정된 스팬에는 동일한 문제가 발생하지 않습니다.

내가 테스트 한 시스템은 내가 시도한 다른 모든 브라우저에서 작동합니다.

누구나 수정하거나 실제로 스타일을 수정하는 간단한 방법이 있습니까?

Answer 1

대답은 모든 필드 요소 주위에 div를 래핑하여 hasLayout 버그를 취소하는 것입니다.

더 많은 정보는 여기에서 찾을 수 있습니다 : http://my.safaribooksonline.com/book/web-development/css/9780321703392/the-usual-suspects/ch04lev1sec3

<form action="#" class="form-horizon"> 
<fieldset> 
    <legend>Test Form</legend> 
    <!-- div fixes hasLayout inherited margin bug in ie7--> 
    <div> 
     <label for="input-focused">Focused</label> 
     <input type="text" id="input-focused" class="focus" value="focused input" /> 
     <label for="input-no-edit">Non editable</label> 
     <span id="input-no-edit" class="no-edit-input">none editable</span> 
    </div> 
</fieldset> 
</form>