2012-02-13 60 views
0

我在Firefox中導航呈現出現問題。在Chrome和Opera中很好,但在Firefox中,整個導航div正好位於右上角。css導航div在火狐中浮動問題

HTML:

<nav class="table"> 
    <ul id="menu"> 
     <li><a href="#">Business</a></li> 
     <li><a href="#">Specialities</a></li> 
     <li><a href="#">Contact us</a></li> 
    </ul> 
</nav> 

而CSS是:

.table { 
    display: table; 
    margin: 0 auto; 
    background: #ffe; 
} 


ul#menu { 
    min-width: 100%; 
    list-style: none; 
    margin: 1em 0 1em 0; 
} 

ul#menu li { 
    display: inline; 
    margin: 3em; 
    padding: 0; 
} 

ul#menu li a { 
    font-weight: bold; 
    font-size: 1em; 
    text-decoration: none; 
    text-transform: uppercase; 
} 
+2

你可以請設置一個http://jsfiddle.net的問題? – PeeHaa 2012-02-13 22:40:59

+1

http://jsfiddle.net/8dMN2/在這裏你去 – 2012-02-13 22:44:34

+1

什麼版本的FF,因爲它在FF9似乎很好。 – PeeHaa 2012-02-13 22:48:38

回答

1

屬性保證金要設置爲 「0自動」。有了這些信息,我還可以看到Chrome瀏覽器左上角的導航。在那裏看到它是正確的。

屬性保證金的結構爲:右上左下//謝謝PeeHaa

這是相同的,如果您使用以下屬性:保證金的權利,利潤率左,上邊距和下邊距。那些是指定一個特定的邊際。

如果這不回答你的問題,那麼你必須看到,如果你有一些

position:fixed; 

position:absolute; 

float:left/right; 

任何代碼到你HTML。

+0

同時在ANY元素上檢查某個'position'或'float'也沒有什麼幫助。 – PeeHaa 2012-02-13 23:07:40

+0

Thak你的完美。 – 2017-10-26 05:38:44