在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,这是我最好的猜测,而我只是在猜测,因为我厌倦了在评论字段中输入"发布更多代码"字样...