保證金：0自動分區上的不當排列

我有一個導航欄（實際上是兩個） - 灰色的（在下圖中）和白色的下面。兩者的寬度均爲1000px，並且其CSS中的屬性爲margin:0 auto;。看一看現場一個全屏的http://jsfiddle.net/M2bE2/embedded/result/和http://jsfiddle.net/M2bE2/的輸出和代碼保證金：0自動分區上的不當排列

Wrong Navigation

我希望你有我的導航理念的基本思路。好吧，我的問題是這樣的。當你縮小時，白色導航（第二個）得到不正確的安排。上圖顯示了縮小時的不正確排列。我無法弄清楚導致它的問題。在輸出中，這種混亂是在縮小之後。但是，在我的真實項目中，問題甚至更多（僅在稍微放大或縮小後就會變得混亂）。請分析代碼並告訴我我哪裏錯了。我已經將我的小提琴中的代碼清理乾淨，以供您理解。任何幫助將不勝感激。提前致謝。

來源

2013-10-09 h2O

你的意思是縮放像放大電話/瀏覽器縮放？因爲在鉻上我沒有看到任何錯過的安排。 – JustGage

@JustGage ......耶同意了。但是，使用Firefox，錯誤正在顯示。嘗試使用它。附：在Chrome中，當縮小到25％時出現錯誤 – h2O

如果您想使它真正結構化，我會推薦一張表。我知道有些人認爲他們是一個無法逾越的罪，但他們的使用真的是保持結構化的方式，他們將永遠在任何瀏覽器工作 – JustGage

問題是登錄和註冊按鈕。他們都是正確的。正因爲如此，他們填補了底部導航所需的空間。如果你限制他們的大小，清除float等，它解決了這個問題。

有了它們刪除（最簡單的方法） http://jsfiddle.net/M2bE2/2

來源

2013-10-09 14:32:56 RyanS

http://jsfiddle.net/M2bE2/1/ - 仍然是同樣的問題 – h2O

另請注意紅色的div，這意味着你有一個驗證錯誤（額外關閉） – RyanS

取出div容器並將其放在兩個之間，這工作 – RyanS

不溢出：在。白-Nav的自動CSS的屬性似乎工作。

.white-nav { 
    width:1000px; 
    margin:0 auto; 
    overflow:auto; /* Kick it */ 
}

來源

2013-10-09 14:38:48 GeKo

保證金：0自動分區上的不當排列

回答

相關問題