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

删除搜索范围内的SPAN：

<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。

IE中的线高失真

2 个答案: