Chrome/FF 与 IE8 中的搜索框对齐方式

Search box alignment in Chrome/FF vs. IE8

本文关键字：搜索 对齐 方式 FF IE8 Chrome      更新时间：2023-09-26

我有一个搜索框，在一个页面上。在Chrome/Safari/FF等上，该框正确定位在主div的右侧。有问题的页面在这里：

http://property.begbies-traynor.com

有问题的框是主搜索上的搜索框，就在横幅下方。

我已经尝试了各种浮动技术，清除div，但由于某种原因，我尝试的所有内容都没有区别，在IE8上，它只是位于"类型"框的顶部。

任何帮助，不胜感激。

将内联样式float:right添加到搜索按钮。

它从您的.left类中获取float:left规则

没有链接很难看到，但你应该看看谷歌，了解IE如何处理与其他浏览器不同的盒子模型。我猜盒子的宽度可能不同，这已经把它从容器中推出来了。

如果没有进一步的代码伙伴，再次无能为力。

希望有帮助

正如多诺霍@Rick已经提到的，没有链接很难看到。

但是我想的是，让容器（如<div id="header"></div>）position: relative然后position: absolute搜索容器......诸如此类：

#header {
    position: relative;
}
#search {
    position: absolute;
    right: 0; /* push search onto the right */
    top: 0;
}

为了避免其他浏览器读取该特定的 css 代码，您可以对 IE 使用条件注释：

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->

或者也许这个会起作用：

#search {
   float: right;
}

它在IE 9中也不正确。

要<div align="right">添加一些类，请编写以下内容并删除对齐属性：

.someclass {
   float:right;
   overflow:hidden
}
相关文章：