在IE6中，如何將項目浮動到右側而不清除它？

在IE6，HTML是如下：在IE6中，如何將項目浮動到右側而不清除它？

<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; 
}

它是浮動的itemRight到右側上在同一行（第一UL和然後rightItem）除IE6以外的所有瀏覽器。在IE6中，它是清除和浮動在右邊。我怎樣才能解決它的IE6？

來源

2010-10-25 svirk

請提供更多的源代碼。除了#rightItem之外你還有什麼？ – 2010-10-25 15:30:33

我所能找到的是，這是列表中的問題。上市的CSS是爲下： #topmenu UL { \t明確：無; \t display：block; \t padding：0; \t margin：0 auto; \t width：900px; \t white-space：nowrap; } #topmenu UL李{ \t顯示：內聯; } #topmenu UL立一個{ \t餘量：0; \t padding：0 12px; \t text-decoration：none; \t font-size：13px; \t text-align：center; \t float：left; \t line-height：41px; \t font-family：verdana，sans-serif; \t white-space：nowrap; \t color：＃000000; } – svirk 2010-10-25 16:22:04

所有的瀏覽器（甚至IE6）都會渲染你給出的代碼...那些代碼中的括號是什麼？ – 2010-10-25 16:23:53

我懷疑#rightItem不是實際上是清除，但它的寬度在IE6中是不同的（更寬），這導致它下推到下一行。

浮動元素應該總是指定一個寬度;試着先做，看看你會得到什麼結果。如果沒有看到您的更多HTML和CSS的，這是我最好的猜測，而我只能猜測了，因爲我已經厭倦了打字的話「後更多的代碼」到註釋字段的...

來源

2010-10-25 15:34:08

我已經更新了html。我把寬度，並在其他瀏覽器，但仍然出現在IE6中相同 – svirk 2010-10-25 15:56:57

完美的猜測！...寬度是問題 – svirk 2010-10-25 18:29:32

添加溢出：隱藏;到#topMenu。適用於所有瀏覽器。

請參閱：http://www.quirksmode.org/css/clearing.html

來源

2010-10-25 17:56:45

在IE6中，如何將項目浮動到右側而不清除它？

回答

相關問題