Html IE中的线高度失真

需要一点帮助来解决IE中一个奇怪的css行为

此处每个输入框前的搜索栏文本在IE中处于非水平状态，因此只有“搜索”和“输入”低于其余的搜索栏内容

我不明白为什么会发生这种情况，因为整个搜索栏内容的行高都是一样的，所以如果有人能透露一些信息，那就太好了

尝试在容器div的末尾添加一个空格

<div>
<span>Search for:</span>
<input type="text" name="strGlobalSearch" value="e.g; restaurants, shops..." onclick="if (this.defaultValue == this.value) { this.value = ''; }">&nbsp;</div>

或

---

删除搜索以下内容的范围：

<div>
 Search for:
 <input type="text" name="strGlobalSearch" value="e.g; restaurants, shops..." onclick="if (this.defaultValue == this.value) { this.value = ''; }">
</div>

---

我认为您不需要SPAN或CSS。

它似乎比IE更重要。Mac OS上的Chrome和Firefox呈现相同的布局。

<div>
 Search for:
 <input type="text" name="strGlobalSearch" value="e.g; restaurants, shops..." onclick="if (this.defaultValue == this.value) { this.value = ''; }">
</div>

#menu-search span {
    display: block;
    float: left;
}