在IE6中，如何将项目向右移动而不清除它？

Question

在IE6中，HTML如下：

<div id="topmenu">
    <ul>    
        <li>num 1</li>
        <li>num 2</li>
    </ul>
    <div id="rightItem">Hello World</div>
</div>

CSS如下：

#rightItem {
    cursor: pointer;
    float: right;
    clear: none;
    height: 100%;
    width: 340px;
}

#topmenu {
    margin: 0 auto;
    text-align: left;
    width: 960px;
    height: 41px;
}

它将除了IE6之外的所有浏览器中的itemRight浮动到同一行（第一个UL然后是rightItem）的右侧。 在IE6中，它是清除并向右浮动。如何为IE6修复它？

Answer 1

我怀疑#rightItem 不是实际正在清除，但它在IE6中的宽度不同（更宽），这导致它向下推到下一行。

浮动元素应始终指定宽度;首先尝试这样做，看看你得到了什么结果。如果没有看到更多的HTML或CSS，这是我最好的猜测，而我只是在猜测，因为我已经厌倦了在评论字段中输入“发布更多代码”字样...

Answer 2

添加溢出：隐藏;到#topMenu。适用于所有浏览器。

请参阅：http://www.quirksmode.org/css/clearing.html