在調整窗口大小時div會移動到另一個div的下方

當我調整瀏覽器窗口的大小時，我的導航欄div會降到搜索框的div下面。如何停止導航欄的移動並將其保存在同一個地方？頁腳以相同的方式表現自身和結構？在調整窗口大小時div會移動到另一個div的下方

這裏有一個鏈接...

謝謝！

是什麼CMS？ – Anonymous

調整大小時，爲什麼要插入'.wrapper_menu'' width：100％'？如果你將刪除'width：100％'，它可能會有所幫助。 – aspirinemaga

發生這種情況是因爲菜單沒有指定寬度。而你的行爲頁腳，因爲它有特定的寬度（DIV ID爲footerleft）

2012-08-31 14:05:13

我測試在Chrome現在，除去寬度：您已經在導航欄的div（wrapper_menu_full類）設定爲100％，似乎做招。這個100％是指與包含div的大小相比（＃mainmenu3）。

如果這仍然不能在IE7上運行，請嘗試在＃mainmenu3中設置兩個div以顯示：inline，儘管現在我在Chrome上測試它似乎沒有任何區別。

2012-08-31 14:07:34

您在兩個div（searchfilter和menu）上使用浮動元素。當您使用浮動元素時，浮動元素的最後一個寬度超過父寬度，它將移動到下一行（belov）。

要把它放到你的CSS，使其工作，只要你想：

#mainmenu3{position:relative;} 
#search4{position:absolute;top:0;left:0;} 
.wrapper_menu{position:relative;top:0;left:310px;}

2012-08-31 14:08:18 aspirinemaga

嗨，你的技巧已經讓它變得更好 - 但它仍然有點讓人毛骨悚然。調整窗口大小會使導航欄略微下降，然後當我翻轉導航欄中的鏈接時，紅色突出顯示會顯示在鏈接上方而不是後面？ –

看起來像行高60px導致懸停問題（megamenu.css行278）。 –

不想成爲一個嘮叨，但有多個問題我會解決，如果它是我在你的菜單欄。如果你介意，我可以重寫他們，如果你想 – aspirinemaga

取代你的CSS

#mainmenu3 { 
    height: 150px; 
    line-height: 20px; 
    list-style-type: none; 
    overflow: hidden; 
    width: 100%; 
}

你會得到渴望輸出

2012-08-31 14:15:27 supersaiyan

回答