IE中的线条高度失真

Question

需要一些帮助，以简单但难以捉摸的方式解决IE中奇怪的css行为。

这里的每个输入框http://www.inside-guides.co.uk/brentwood/pages/index.html之前的搜索栏文本在IE中处于关闭状态，因此只有'搜索'和'输入'低于栏内容的其余部分。

我不明白为什么会发生这种情况，因为整个搜索栏内容的行高都是一样的，所以如果任何人都可以摆脱一些光线，那就太棒了！

Answer 1

尝试在容器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> 

或

<span>Search for:</span>&nbsp;<input ... 

Answer 2

周围搜索删除跨度：

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

或可选择地删除了SPAN CSS声明：

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

我不认为你需要SPAN或CSS。