css - 搜索框不会在 IE8 中向右浮动

Question

此搜索框不会在 wordpress 站点的 IE8 中向右浮动。查看它在 FF 中的外观以及在 IE8 中的外观截图:http://www.abload.de/img/searchbox_bugl4z5.jpg

header.php 的代码(在此处添加了 float:right，但我想这样没有用？):

<div id="topnav">
    <?php echo qtrans_generateLanguageSelectCode('image'); ?>
    <br />
    <form style="float:right;" role="search" method="get" id="searchform" name="searchform" action="#" >
        <div style="float:right;">
            <input class="text" type="text" value="Search for..." onfocus="if(this.value == 'Search for...'){this.value = '';}" name="s" id="s" />
            <input class="button-secondary" type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>
</div><!-- /#topnav -->

CSS 代码:

#topnav{
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    float:right;
    margin-top:23px;
}

我在这里查看了一些线程，但并没有真正找到解决方案。

谢谢大家!

Answer 1

如果您的 #topnav 不需要 float 在任何内容旁边，您可以通过删除所有 style="float:right;" 来修复它HTML 和更改 #topnav CSS 如下:

#topnav{
    text-align: right;
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    margin-top:23px;
} 

上面所做的是使 #topnav 容器成为一个 100% 宽度的非 float 元素，它使内部的所有内容都右对齐。可以看看in action here .

如果以上方法不适合您，请随时发布更多代码/屏幕截图。如果您有开发链接，我们可以查看，那就更好了。