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

Question

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

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

我尝试了各种浮动技术，清除 div，但由于某种原因，我尝试的一切都没有区别，在 IE8 上它只是位于“类型”框的顶部。

任何帮助表示赞赏。

score 1 · Accepted Answer

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

它从你的班级得到了一条float:left规则.left

score 0 · Accepted Answer

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

但我想到的是，拥有容器（如<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;
}

score 0 · Accepted Answer

它在 IE 9 中也不正确。

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

.someclass {
   float:right;
   overflow:hidden
}

score 0 · Accepted Answer

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

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

希望有帮助

4 回答 4