IE8 비 표시 요소를위한 공간 예약

Question

양식이있는 간단한 페이지가 있습니다. 그 선택의 수를 보이지 않는 설정하고 Javascript (JQuery) 표시/보이지 않는 좋은 하나를 설정하는 데 사용합니다. 그들 눈에 보이지 않는 설정

CSS의는 다음과 같습니다

select { 
    margin:0; 
    margin-top:5px; 
    padding:0; 
    border:0; 
    } 

.Invisible { 
    display:none; 
} 

그것은 8

그것은 보이지 않는 선택을 렌더링 않는 인터넷 익스플로러에, 물론, 파이어 폭스, 오페라와 크롬에서 잘 작동하지만 그러나 각 픽셀에 1 또는 2 픽셀을 예약합니다.

Here is my test page

당신은 "Modèle"과 "예산"사이에 큰 공간이 있는지 볼 수 있습니다 ... 당신은 당신이 "나포"드롭 플레이하면 더 잘 볼 수 있습니다.

Answer 1

IE는 여러분의 </select>과 다음 시작 사이의 공백을 렌더링합니다. <select> 개행과이 두 요소 사이의 간격을 제거하면 신비한 공간이 사라집니다.