CSS 문제 : IE 이미지 버튼이 올바르게 정렬되지 않았습니다.

Question

Firefox는 빨간색 "검색 목록"버튼이 텍스트 입력 필드와 함께 인라인임을 정확하게 표시합니다.

그러나 IE 6/7은 잘못 정렬되어 있습니다.

IE에서 다른 브라우저보다 빨간색 버튼이 페이지 아래쪽에 표시되는 이유는 무엇입니까? (올바른) IE 8

스크린
api.browsershots.org/png/original/54/546946b7cfd67ce2c59de0b608c3323.png IE 7

샷 (잘못된)
api.browsershots.org/png/original /52/52c52c02fb6803584e77223309df99b.png

Answer 1

텍스트 상자가 아닌 버튼을 떠 다니는 것이 그 때문입니다. 부동 소수점 추가 : 도시 필드 왼쪽에

Answer 2

와우 그들은 내 눈과 거의 똑같아 보입니다. 입력 버튼에서 여백을 0으로 설정하려고 시도 했습니까?

편집 : 확인하지 마세요. 내 Firefox에서 IE8 스크린 샷에 따라 올바르게 표시되지 않습니다.

Answer 3

IE는 폭과 수레가 악명 높다. 두 요소 모두 너비가 정의 된 것 같습니다. IE7에서 잘 정렬되어있는 것을 볼 수 있습니다.

float를 추가 할 경우 :을 # city-field에 남겨 두어 문제를 해결해야합니다. 플로팅 요소는 플로팅되지 않은 요소와 다르게 처리되기도합니다.