IE8为非显示元素保留空间

Question

我有一个带表单的简单页面并选择。这些选择的数量设置为不可见，我使用Javascript（JQuery）设置可见/不可见的好的。

将它们设置为不可见的CSS是：

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

.Invisible {
    display:none;
}

它适用于Firefox，Opera和Chrome，但当然不适用于Internet Explorer 8.

它确实使选择不可见，但它为每个选择保留1或2个像素。

Here is my test page

你可以看到“Modèle”和“Budget”之间有一个很大的空间......如果你玩“Marque”下拉列表，你可以更好地看到它。

Answer 1

IE正在渲染</select>和下一个开始<select>之间的空间，如果你移除换行符和这两个元素之间的任何空格，你的神秘空间就会消失。