IE7中出现奇怪的偏移空白怎么办？

Question

4

我正在开发一个网站，像往常一样有一个页眉(header)。但是在使用IE7搜索文本框输入时出现了问题。当我使用IE开发者工具查看时，我看到了奇怪的LEFT偏移，这实际上就是问题所在。希望能得到任何帮助。 enter image description here

- beratuslu

3个回答

2

尝试将该字段包裹在一个div中。例如：

<div><input type="text"></div>

- Parijat

0

看起来这是 #searchBox 上的 margin - margin: 14px 0 0 97px

更改 #searchBox 上的 margin 将移动输入框。

- whostolemyhat

是的。但这次我不知道如何在蓝色框和搜索框之间设置边距？ - beratuslu

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pal Singh · Accepted Answer

在 #searchBox 中添加 display:inline;

并将您的按钮宽度调整为1或2像素，问题将得到解决。

这个问题出现在IE6和7中，被称为双倍浮动边距错误，当您对第一个浮动元素应用边距时，在IE6和7中，其边距会加倍。